/* FILE: assets/css/gate.css */
.ow-gate { --gate-ink:#142447; --gate-muted:#607392; --gate-blue:#176bea; --gate-line:#dce8f8; background:radial-gradient(circle at 5% 21%,#eaf4ff 0,transparent 26%),radial-gradient(circle at 96% 63%,#eaf1ff 0,transparent 30%),#f8fbff; color:var(--gate-ink); font-family:Inter,"Segoe UI",Arial,sans-serif; }
.ow-gate .gate-container { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.ow-gate .gate-header { background:#fff; border-bottom:1px solid #e8eef8; }
.ow-gate .gate-header-inner { display:flex; align-items:center; gap:40px; min-height:74px; }
.ow-gate .gate-brand { display:inline-flex; align-items:center; gap:11px; min-width:0; color:#1163d5; font-size:22px; font-weight:800; letter-spacing:-.75px; white-space:nowrap; }
.ow-gate .gate-brand>span:last-child { max-width:250px; overflow:hidden; text-overflow:ellipsis; }
.ow-gate .gate-brand img { display:block; width:34px; height:34px; object-fit:contain; }
.ow-gate .gate-brand-fallback { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,#43a9ff,#0863df); color:#fff; font-size:14px; letter-spacing:-1px; }
.ow-gate .gate-navigation { display:flex; gap:34px; margin-left:auto; color:#415576; font-size:13px; font-weight:600; }
.ow-gate .gate-navigation a:hover,.ow-gate .gate-footer a:hover { color:#126ce7; }
.ow-gate .gate-home-link { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid #d4e2f7; border-radius:10px; background:#fff; color:#1b3c77; font-size:12px; font-weight:700; }
.ow-gate .gate-home-link:hover { background:#f1f7ff; }
.ow-gate .gate-layout { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr); gap:36px; align-items:stretch; margin-top:42px; }
.ow-gate .gate-story { position:relative; display:flex; min-height:655px; overflow:hidden; border-radius:26px; background:linear-gradient(145deg,#123b82 0%,#0752bf 55%,#1978ed 100%); box-shadow:0 25px 60px #135ac726; color:#fff; }
.ow-gate .gate-story::before { content:""; position:absolute; right:-110px; top:-135px; width:390px; height:390px; border:1px solid #ffffff29; border-radius:50%; box-shadow:0 0 0 65px #ffffff0a,0 0 0 130px #ffffff08; }
.ow-gate .gate-story::after { content:""; position:absolute; bottom:-125px; left:-65px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,#69d3ff50,transparent 70%); }
.ow-gate .gate-story-glow { position:absolute; right:-85px; bottom:-80px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,#b5a9ff55,transparent 70%); }
.ow-gate .gate-story-content { position:relative; z-index:1; display:flex; flex-direction:column; width:100%; padding:58px clamp(35px,5vw,72px) 39px; }
.ow-gate .gate-eyebrow { display:flex; align-items:center; gap:10px; color:#c7e3ff; font-size:10px; font-weight:800; letter-spacing:.18em; }
.ow-gate .gate-eyebrow span,.ow-gate .gate-auth-overline span { width:7px; height:7px; border-radius:50%; background:#6ee4ce; box-shadow:0 0 0 5px #6ee4ce25; }
.ow-gate .gate-story h1 { max-width:530px; margin-top:28px; color:#fff; font-size:clamp(35px,3.65vw,51px); font-weight:800; line-height:1.11; letter-spacing:-2px; }
.ow-gate .gate-story h1 em { color:#addbff; font-style:normal; }
.ow-gate .gate-story-lead { max-width:440px; margin-top:20px; color:#dcecff; font-size:15px; line-height:1.7; }
.ow-gate .gate-benefits { display:grid; gap:18px; margin-top:39px; }
.ow-gate .gate-benefits>div { display:flex; align-items:flex-start; gap:13px; }
.ow-gate .gate-benefits>div>span { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border:1px solid #ffffff3b; border-radius:11px; background:#ffffff1f; color:#fff; font-size:19px; }
.ow-gate .gate-benefits strong,.ow-gate .gate-benefits small { display:block; }
.ow-gate .gate-benefits strong { color:#fff; font-size:13px; font-weight:750; }
.ow-gate .gate-benefits small { margin-top:3px; color:#d6e8ff; font-size:11px; line-height:1.4; }
.ow-gate .gate-story-bottom { display:flex; align-items:center; gap:12px; margin-top:auto; padding-top:30px; color:#d4eaff; font-size:12px; font-weight:650; letter-spacing:.03em; }
.ow-gate .gate-story-line { width:32px; height:1px; background:#a6d2ff; }
.ow-gate .gate-auth { min-width:0; padding:36px clamp(28px,3.2vw,48px) 27px; border:1px solid #e0eafa; border-radius:26px; background:#fff; box-shadow:0 18px 48px #2b62aa12; }
.ow-gate .gate-auth-overline { display:flex; align-items:center; gap:10px; color:#3474d5; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.ow-gate .gate-auth-overline span { background:#2b84f7; box-shadow:0 0 0 5px #2b84f71a; }
.ow-gate .ui-auth-heading { margin-top:19px; }
.ow-gate .ui-auth-heading h2 { color:var(--gate-ink); font-size:29px; font-weight:800; line-height:1.2; letter-spacing:-1px; }
.ow-gate .ui-auth-heading p { margin-top:7px; color:var(--gate-muted); font-size:13px; line-height:1.6; }
.ow-gate .ui-auth-tabs { margin:27px 0 26px; padding:4px; border:1px solid #e3ecf9; border-radius:12px; background:#f3f7fd; }
.ow-gate .ui-auth-tabs>[role=tablist] { position:relative; z-index:1; }
.ow-gate .ui-auth-tabs button { min-height:39px; padding:7px 10px; border-radius:9px; color:#647895; font-size:13px; font-weight:650; }
.ow-gate .ui-auth-tabs button[aria-selected=true] { color:#1264db; }
.ow-gate .ui-tab-indicator { top:4px; bottom:4px; left:4px; width:calc(50% - 4px); height:auto; border-radius:9px; background:#fff; box-shadow:0 3px 10px #1c5baa13; }
.ow-gate .ui-form-stack { gap:17px; }
.ow-gate .ui-field>label { margin-bottom:7px; color:#243658; font-size:12px; font-weight:700; }
.ow-gate .gate-auth :is(input:not([type=checkbox]),select) { min-height:47px; padding:10px 13px; border:1px solid #d7e2f1; border-radius:10px; background:#fff; color:#1a2c4b; font-size:13px; }
.ow-gate .gate-auth input::placeholder { color:#9aa9bd; }
.ow-gate .gate-auth :is(input:not([type=checkbox]),select):focus { border-color:#3988f0; outline:3px solid #3988f01a; outline-offset:0; }
.ow-gate .ui-password-field input { padding-right:47px !important; }
.ow-gate .ui-password-toggle { color:#6b82a2; }
.ow-gate .ui-checkbox { gap:9px; color:#5c6f8c; font-size:12px; font-weight:500; }
.ow-gate .ui-checkbox input { accent-color:#176bea; }
.ow-gate .ui-button { min-height:47px; border-radius:10px; font-size:13px; font-weight:700; }
.ow-gate .ui-button-primary { justify-content:center; gap:10px; border-color:#176bea; background:linear-gradient(110deg,#328bf5,#0864e5); box-shadow:0 8px 16px #0b6be524; color:#fff; }
.ow-gate .ui-button-primary:hover { background:linear-gradient(110deg,#227de9,#0757ca); }
.ow-gate .ui-divider { margin:21px 0; color:#8b9ab0; font-size:11px; }
.ow-gate .gate-google { gap:11px; border-color:#d7e2f1; background:#fff; color:#274065; }
.ow-gate .gate-google:hover { background:#f7faff; }
.ow-gate .ui-auth-switch { margin-top:22px; color:#637894; font-size:12px; }
.ow-gate .ui-auth-switch .ui-text-link { margin-left:3px; color:#146be6; font-size:12px; font-weight:800; }
.ow-gate .ui-strength-track { height:4px; margin-top:8px; border-radius:4px; background:#eaf0f7; }
.ow-gate #strength-text { min-height:17px; margin-top:4px; font-size:11px; }
.ow-gate .gate-privacy { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:25px; padding-top:17px; border-top:1px solid #edf2f8; color:#7a8ca5; font-size:11px; line-height:1.45; text-align:center; }
.ow-gate .gate-privacy i { font-size:15px; color:#2ba986; }
.ow-gate .gate-stats { display:grid; grid-template-columns:250px minmax(0,1fr); gap:34px; margin-top:45px; padding:26px 31px; border:1px solid #dce9f9; border-radius:20px; background:#fff; box-shadow:0 10px 35px #bfd8fa12; }
.ow-gate .gate-stats-intro span { color:#2474db; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.ow-gate .gate-stats-intro h2 { margin-top:6px; color:#172849; font-size:19px; font-weight:800; line-height:1.2; letter-spacing:-.4px; }
.ow-gate .gate-stats-intro p { margin-top:8px; color:#71829b; font-size:11px; }
.ow-gate .gate-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; }
.ow-gate .gate-stat-grid>div { min-height:55px; padding:2px 20px; border-left:1px solid #e2eaf6; }
.ow-gate .gate-stat-grid strong,.ow-gate .gate-stat-grid span { display:block; }
.ow-gate .gate-stat-grid strong { color:#176bea; font-size:25px; font-weight:800; line-height:1.1; letter-spacing:-.7px; }
.ow-gate .gate-stat-grid span { margin-top:5px; color:#5d7190; font-size:11px; line-height:1.3; }
.ow-gate .gate-stats-note { grid-column:1/-1; margin-top:-16px; color:#8b9ab0; font-size:10px; }
.ow-gate .gate-footer { display:flex; justify-content:space-between; gap:18px; margin-top:35px; padding:24px 0 35px; border-top:1px solid #e0eaf7; color:#7a8aa1; font-size:11px; }
.ow-gate .gate-footer nav { display:flex; gap:22px; }
@media(max-width:1050px) { .ow-gate .gate-layout { grid-template-columns:minmax(0,1fr) minmax(360px,1fr); gap:22px; }.ow-gate .gate-story-content { padding-inline:36px; }.ow-gate .gate-stats { grid-template-columns:1fr; gap:20px; }.ow-gate .gate-stat-grid>div:first-child { border-left:0; padding-left:0; }.ow-gate .gate-stats-note { margin-top:-7px; } }
@media(max-width:800px) { .ow-gate .gate-container { width:min(560px,calc(100% - 36px)); }.ow-gate .gate-header-inner { min-height:65px; }.ow-gate .gate-navigation { display:none; }.ow-gate .gate-home-link { margin-left:auto; }.ow-gate .gate-layout { display:flex; flex-direction:column; gap:20px; margin-top:24px; }.ow-gate .gate-auth { order:0; }.ow-gate .gate-story { order:1; min-height:0; }.ow-gate .gate-story-content { padding:34px; }.ow-gate .gate-story h1 { font-size:36px; }.ow-gate .gate-story-lead { font-size:13px; }.ow-gate .gate-benefits { grid-template-columns:1fr; gap:13px; margin-top:24px; }.ow-gate .gate-story-bottom { padding-top:25px; }.ow-gate .gate-stats { margin-top:24px; }.ow-gate .gate-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 0; }.ow-gate .gate-stat-grid>div:nth-child(odd) { border-left:0; padding-left:0; } }
@media(max-width:520px) { .ow-gate .gate-container { width:calc(100% - 28px); }.ow-gate .gate-brand { gap:8px; font-size:19px; }.ow-gate .gate-brand>span:last-child { max-width:170px; }.ow-gate .gate-brand img,.ow-gate .gate-brand-fallback { width:29px; height:29px; }.ow-gate .gate-home-link { padding:7px 10px; font-size:11px; }.ow-gate .gate-auth { padding:26px 21px 22px; border-radius:18px; }.ow-gate .ui-auth-heading h2 { font-size:26px; }.ow-gate .gate-story { border-radius:18px; }.ow-gate .gate-story-content { padding:30px 24px; }.ow-gate .gate-story h1 { font-size:32px; }.ow-gate .gate-story-lead { font-size:12px; }.ow-gate .gate-benefits small { font-size:10px; }.ow-gate .gate-stats { padding:22px 20px; border-radius:17px; }.ow-gate .gate-stat-grid>div { padding-left:15px; }.ow-gate .gate-stat-grid strong { font-size:23px; }.ow-gate .gate-footer { flex-direction:column; align-items:flex-start; gap:12px; } }
@media(prefers-reduced-motion:reduce) { .ow-gate .ui-tab-indicator { transition:none; } }