:root{--blue:#245bc6;--ink:#182742;--muted:#5a6b83;--border:#dae3f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 35%,#dbeafe99,transparent 50%),radial-gradient(ellipse at 100% 80%,#ede9feaa,transparent 45%),#f3f6fc;color:var(--ink);font-family:'Segoe UI',Tahoma,sans-serif;min-width:0}a{color:var(--blue)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding:18px max(20px,calc((100vw - 1400px)/2));background:white;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:#143c82;text-decoration:none;font-size:21px;font-weight:800}.brand-icon{font-size:29px}nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px}nav a,.nav-button{text-decoration:none;font-size:14px;color:#284a79;font-weight:650}.nav-button{background:none;border:0;padding:8px 0}nav form{margin:0}.auth-layout{max-width:1120px;margin:45px auto 70px;padding:0 24px;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:start}.auth-intro{isolation:isolate;position:relative;overflow:hidden;padding:45px 35px;border-radius:28px;color:white;background:radial-gradient(ellipse at 100% 20%,#4363cb99,transparent 60%),linear-gradient(140deg,#10274e,#154a89);min-height:440px;box-shadow:0 20px 45px #173b7820}.auth-intro::after{content:'⚛';position:absolute;right:15px;bottom:0;font-size:180px;color:#ffffff13;z-index:-1}.eyebrow{font-weight:750;font-size:11px;letter-spacing:1.2px;color:var(--blue)}.auth-intro .eyebrow{color:#9be7f6}.auth-intro h1{font-size:clamp(32px,4vw,46px);line-height:1.2;margin:24px 0}.auth-intro p{color:#d6e5fa;line-height:1.9;max-width:390px}.intro-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.intro-badges span{border:1px solid #ffffff30;background:#ffffff0e;padding:10px 14px;border-radius:12px;font-size:13px}.form-card{background:white;border:1px solid #e3e9f4;border-radius:26px;box-shadow:0 12px 36px #1837650c;padding:34px}.form-card h2,.form-card h1{font-size:28px;margin:13px 0}.muted{color:var(--muted);line-height:1.7}.small{font-size:13px}.stack{display:flex;flex-direction:column;gap:17px;margin-top:24px}.stack label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650}input,textarea,select{width:100%;min-width:0;border:1px solid #cbd7e7;padding:12px 14px;min-height:46px;border-radius:12px;background:#fcfdff;color:var(--ink);font-size:16px}textarea{resize:vertical}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-weight:400!important}.check input{width:18px;height:18px;min-height:0;accent-color:var(--blue);flex-shrink:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:0;border-radius:12px;font-weight:700}.primary{background:linear-gradient(120deg,#245bc6,#1286b2);color:#fff;box-shadow:0 6px 18px #245bc625}.secondary{color:#245bc6;background:#eff5ff;border:1px solid #cfe0f9}.switch{margin:24px 0 0;text-align:center;color:var(--muted);font-size:14px}.switch a{font-weight:700}.country-picker{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}.country-picker legend{font-size:14px;font-weight:650;margin-bottom:8px}.country-row{display:flex;align-items:center;gap:12px}.country-row img{object-fit:cover;border:1px solid #dbe3ef;border-radius:4px;flex-shrink:0}.country-row select{flex:1}.password-row{position:relative;display:flex}.password-row input{padding-right:105px}.show-password{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:#eef4fd;border-radius:8px;padding:0 10px;font-size:12px;color:#245bc6}.alert{grid-column:1/-1;padding:16px 20px;border-radius:14px;line-height:1.7}.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.honeypot{position:absolute;left:-10000px;opacity:0}.contact-card{grid-column:1/-1;width:min(640px,100%);margin:auto}.wide{max-width:1400px;margin:32px auto 60px;padding:0 24px}.welcome{background:linear-gradient(125deg,#10274e,#1c4e96);color:white;padding:32px;border-radius:24px;overflow-wrap:anywhere}.welcome .eyebrow{color:#a5e8f4}.welcome h1{font-size:clamp(26px,3vw,38px);margin:14px 0}.welcome p{color:#d4e5fc;line-height:1.8}.profile-country{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.profile-country img{border-radius:3px;object-fit:cover}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 32px}.stats-grid article{border:1px solid var(--border);background:white;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}.stats-grid span{font-size:14px;color:var(--muted)}.stats-grid strong{font-size:32px;color:#245bc6}.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.section-card{position:relative;min-width:0;overflow-wrap:anywhere;display:block;background:white;border:1px solid var(--border);border-top:4px solid #245bc6;border-radius:18px;padding:22px;text-decoration:none;color:var(--ink);transition:transform .2s}.section-card:nth-child(3n+2){border-top-color:#7c3aed}.section-card:nth-child(3n){border-top-color:#0891b2}.section-card:hover{transform:translateY(-3px)}.section-card h3{font-size:17px;margin:0 0 12px}.section-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.section-card>span{display:block;color:#245bc6;margin-top:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;margin-top:26px}.panel h2{font-size:22px;margin:0 0 20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:14px;border-bottom:1px solid #e6ecf5;overflow-wrap:anywhere;min-width:120px}th{background:#f4f7fd}.country-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.country-stats>div{display:flex;gap:10px;align-items:center;padding:12px;background:#f5f8fe;border-radius:12px}.country-stats img{object-fit:cover;border:1px solid #dbe3ef}.country-stats strong{margin-left:auto}.message{padding:22px 0;border-top:1px solid var(--border)}.message-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.badge{font-size:12px;color:#245bc6;background:#eff5ff;border-radius:20px;padding:5px 10px}footer{text-align:center;color:var(--muted);font-size:13px;padding:22px}
@media(min-width:1900px){.wide{max-width:1640px}}@media(max-width:1000px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{gap:20px}.form-card{padding:26px}.auth-intro{padding:32px 26px}}@media(max-width:720px){.topbar{padding:14px 18px}nav{gap:12px}.auth-layout{grid-template-columns:1fr;margin-top:24px;padding:0 16px}.auth-intro{min-height:0;padding:26px}.auth-intro h1{font-size:32px;margin:16px 0}.auth-intro p{margin-bottom:0}.intro-badges{margin-top:20px}.stats-grid{grid-template-columns:1fr;gap:12px}.stats-grid article{padding:20px}.wide{padding:0 16px}.welcome,.panel{padding:24px}.alert{margin-bottom:10px}.form-card{padding:25px 22px}.section-grid{gap:12px}}@media(max-width:400px){.section-grid{grid-template-columns:1fr}.topbar nav{gap:10px}nav a,.nav-button{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Platforma imkoniyatlari va Google kirishi. */
.auth-layout{max-width:1260px;grid-template-columns:1.15fr 1fr}.auth-intro{padding:38px;min-height:0}.auth-intro h1{font-size:clamp(30px,3.3vw,43px);margin:20px 0}.auth-intro p{max-width:480px;margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-grid>div{background:#ffffff09;border:1px solid #ffffff20;border-radius:14px;padding:14px;min-width:0}.feature-grid>div>span{display:block;color:#8ce4ee;font-size:23px;margin-bottom:8px}.feature-grid strong{display:block;font-size:14px;font-weight:650}.feature-grid small{display:block;color:#c4d6f2;font-size:12px;line-height:1.6;margin-top:5px}.auth-intro .intro-badges{margin-top:22px}.google-form{display:flex;flex-direction:column;gap:13px;margin-top:22px}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid #747775;border-radius:8px;padding:12px 18px;min-height:46px;color:#1f1f1f;background:#fff;font:500 14px/1.4 Arial,sans-serif;text-decoration:none}.google-button:hover{background:#f7faff;box-shadow:0 2px 6px #1f1f1f15}.google-button svg{flex-shrink:0}.divider{display:flex;align-items:center;gap:12px;margin-top:22px;color:#6b778b;font-size:12px}.divider::before,.divider::after{content:'';height:1px;background:#e0e6ef;flex:1}.google-email{color:#245bc6;background:#eef5ff;border-radius:12px;padding:12px 16px;margin-top:18px;overflow-wrap:anywhere}.google-connect{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--border);background:white;border-radius:18px;margin-bottom:26px}.google-connect p{margin:5px 0 0}.google-connect form{margin:0;flex-shrink:0}
@media(max-width:1000px){.auth-intro{padding:28px}.feature-grid{gap:9px}.feature-grid>div{padding:12px}}
@media(max-width:720px){.auth-layout{grid-template-columns:1fr}.auth-intro{padding:26px}.auth-intro h1{font-size:32px}.google-connect{align-items:stretch;flex-direction:column}.google-connect form{width:100%}}
@media(max-width:360px){.feature-grid strong{font-size:13px}.feature-grid small{font-size:11px}}
