:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f0f5f6;background:#0b1015;font-synthesis:none;--mint:#5ce3c5;--muted:#91a4af;--line:#26343d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 16% 44%,#12302e88,transparent 52%);min-height:100svh}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,summary,select{cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.page{max-width:1160px;margin:auto;padding:0 48px}.topbar{height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:760;font-size:25px;letter-spacing:-1px}.brand img{object-fit:contain}.language{display:flex;align-items:center;gap:9px;color:#afbec7}.language svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.language select{color:inherit;background:transparent;border:0;padding:10px 6px;font-size:13px;max-width:150px}.language option{background:#121c24}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{display:grid;grid-template-columns:1fr 430px;align-items:center;gap:85px;min-height:calc(100svh - 210px);padding:40px 0 65px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--mint)}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px #5ce3c550}h1{font-size:clamp(40px,4.5vw,56px);font-weight:650;letter-spacing:-2.7px;line-height:1.12;margin:24px 0 20px;max-width:440px;text-wrap:balance;white-space:pre-line}p{line-height:1.7}.lead{font-size:16px;color:#a7babf;max-width:340px;margin:0}.welcome-note{font-size:12px;color:var(--muted);max-width:315px;margin:22px 0 0}.screen-art{position:relative;width:286px;height:160px;margin-top:38px}.screen{position:absolute;inset:0 30px 14px 0;border:1px solid #345049;border-radius:14px;background:linear-gradient(130deg,#203e3699,#102020);box-shadow:0 18px 50px #0003;padding:32px}.screen:after{content:"";position:absolute;height:4px;width:50px;border-radius:4px;background:#345049;bottom:-12px;left:100px}.screen img{width:40px;height:40px;object-fit:contain}.screen-line{height:4px;width:100px;background:#31534b;border-radius:4px;margin-top:12px}.screen-line.short{width:60px;margin-top:7px;background:#254239}.phone{position:absolute;right:0;bottom:0;width:68px;height:119px;background:#122a27;border:1px solid #45695e;border-radius:13px;display:grid;place-content:center;box-shadow:-8px 10px 30px #0004}.phone:before{content:"";position:absolute;top:7px;left:24px;width:19px;height:3px;border-radius:4px;background:#4c6a61}.phone:after{content:"";position:absolute;bottom:7px;left:23px;width:21px;height:3px;background:#4c6a61;border-radius:3px}.phone img{width:28px;height:28px}.account-card{width:100%;background:linear-gradient(145deg,#18232bee,#111a22);border:1px solid #2b3a43;border-radius:24px;padding:38px;box-shadow:0 24px 80px #0003}.card-icon{display:grid;place-content:center;width:44px;height:44px;border:1px solid #31554d;background:#203d35;border-radius:14px;color:var(--mint);margin-bottom:25px}.card-icon svg,.card-note svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h2{font-size:26px;letter-spacing:-.8px;font-weight:650;margin:0 0 12px;overflow-wrap:anywhere}.intro{color:var(--muted);font-size:14px;margin:0 0 28px}#google-signin{display:flex;justify-content:center;width:100%;overflow:hidden}#google-signin:empty{display:none}#google-signin>div{max-width:100%}.auth-loading{font-size:13px;color:var(--muted);margin:20px 0}.card-note{display:flex;align-items:flex-start;gap:11px;border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.card-note svg{flex:none;width:18px;height:18px;color:#7cb2a4;margin-top:3px}.card-note p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}details{margin-top:22px}summary{color:#b1c3cd;font-size:13px;line-height:1.6}summary::marker{color:#6f8c87}form{display:grid;gap:16px;margin-top:22px}label:not(.language){display:grid;gap:8px;font-size:12px;color:#c4d0d6}input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #34454e;border-radius:10px;background:#0e171e;color:#eef5f7;padding:13px 14px;outline:none;font-size:14px}input::placeholder{color:#647c88}input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #5ce3c510}button{padding:12px 16px;border-radius:10px;border:1px solid #365149;background:#213b34;color:#c5f9e9;font-size:13px;font-weight:600}.primary{background:var(--mint);color:#092b24;border-color:var(--mint)}button:hover:not(:disabled){filter:brightness(1.08)}:is(button,summary,select,a,input):focus-visible{outline:2px solid var(--mint);outline-offset:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px}h3{font-size:16px;font-weight:600;margin:0}.text-button{background:transparent;border:0;color:var(--mint);padding:8px 0}#profile>.eyebrow{margin-bottom:18px}#email{font-size:20px;letter-spacing:-.4px}#devices{list-style:none;margin:16px 0 0;padding:0}#devices li{padding:16px;border:1px solid var(--line);border-radius:12px;margin-top:10px;color:#b8c9d0;font-size:13px;overflow-wrap:anywhere;line-height:1.6}.empty-devices{color:var(--muted);font-size:13px}.danger-zone{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.danger-zone summary{color:#d0a7aa}.danger-zone p{font-size:12px;color:var(--muted)}.confirmation{display:flex!important;align-items:center;margin:16px 0;line-height:1.6}.confirmation input{accent-color:var(--mint);flex:none}#delete{background:#38252c;border-color:#64404a;color:#ffc2cb}#message{color:#eac493;font-size:13px;margin:20px 0 0;overflow-wrap:anywhere}#message:empty{display:none}footer{min-height:90px;border-top:1px solid #22312e;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#6f8990;font-size:11px}footer p{margin:0;max-width:400px;text-align:right}
@media(min-width:1400px){main{gap:120px}}@media(max-width:950px){.page{padding:0 30px}main{gap:35px;grid-template-columns:1fr 390px}.account-card{padding:30px}h1{font-size:43px}.screen-art{transform:scale(.9);transform-origin:left center}}@media(max-width:730px){.page{padding:0 22px;max-width:510px}.topbar{height:90px}.brand{font-size:23px}.brand img{width:33px;height:33px}.language{gap:3px}main{grid-template-columns:1fr;gap:28px;min-height:0;padding:25px 0 42px}.welcome{text-align:center}.eyebrow{justify-content:center;font-size:9px}h1{font-size:38px;letter-spacing:-1.8px;max-width:350px;margin:18px auto 14px;white-space:normal}.lead{font-size:14px;max-width:300px;margin:auto}.screen-art,.welcome-note{display:none}.account-card{padding:28px;border-radius:20px}.card-icon{margin-bottom:20px}h2{font-size:25px}.intro{font-size:13px;margin-bottom:24px}.card-note{margin-top:24px}footer{min-height:90px;gap:12px;font-size:10px}footer p{max-width:245px}#profile>.eyebrow{justify-content:flex-start}}@media(prefers-reduced-motion:no-preference){button,input{transition:background .15s,border-color .15s,box-shadow .15s}}


/* The original transparent mark includes launcher padding. Frame it with CSS. */
.logo-mark{position:relative;display:block;flex:none;width:38px;height:38px;overflow:hidden}.logo-mark img{position:absolute;width:184%!important;height:184%!important;max-width:none;left:-42%;top:-45%;object-fit:contain}.screen .logo-mark{width:40px;height:40px}.phone .logo-mark{width:28px;height:28px}@media(max-width:730px){.brand .logo-mark{width:33px;height:33px}}

/* A consistent language menu across desktop and mobile browsers. */
.language{position:relative;display:block}.language #language-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;background:transparent;border-radius:12px;color:#afbec7;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.language #language-toggle:hover,.language #language-toggle[aria-expanded=true]{background:#19262c;border-color:#31454a;filter:none}.language .globe{width:18px;height:18px}.language .chevron{width:14px;height:14px;transition:transform .15s}.language #language-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}#language-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:10;width:210px;padding:8px;background:#172329;border:1px solid #34474c;border-radius:16px;box-shadow:0 16px 45px #0006}.menu-caption{display:block;padding:8px 12px 10px;color:#748d96;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}#language-menu button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:12px;border:0;border-radius:9px;background:transparent;color:#c9d6dc;text-align:left;font-size:13px;font-weight:500}#language-menu button:hover,#language-menu button:focus-visible{background:#24353c;color:#fff;filter:none;outline:0;box-shadow:inset 0 0 0 1px #52796e}#language-menu button[aria-checked=true]{background:#203e35;color:#78edcf}#language-menu svg{width:17px;height:17px;opacity:0;stroke-width:1.8}#language-menu button[aria-checked=true] svg{opacity:1}@media(max-width:730px){.language #language-toggle{gap:7px;padding:9px 8px}#language-menu{width:195px}}
.account-card,.welcome{min-width:0}
