/* Product introduction and device sign-in share one responsive landing page. */
.login-shell{min-height:100dvh;padding:30px 4.5vw 24px;color:#f5f8ff;background:radial-gradient(ellipse at 25% 62%,#19394d 0,transparent 48%),radial-gradient(ellipse at 58% 0,#282a48 0,transparent 48%),#0c1421;overflow:hidden}
.login-header{position:relative;z-index:2}.login-header .brand{color:#f5f8ff}.login-header select{background:#ffffff0b;border-color:#ffffff22;color:#e9f0fa}.login-header select option{background:#152131;color:#fff}
.login-main{max-width:1320px;grid-template-columns:minmax(0,1.6fr) minmax(330px,.9fr);gap:48px;padding:48px 0;margin:auto;align-items:center}
.login-copy{min-width:0;align-self:center}.login-copy .eyebrow{color:#81cddc;letter-spacing:.2em;font-size:11px;font-weight:600;margin:0 0 13px}
.login-copy h1{font-size:clamp(40px,4.8vw,68px);line-height:1.07;letter-spacing:-.055em;font-weight:650;margin:0 0 20px;color:#f9fbff}.login-copy h1 span{font-weight:350;color:#91c8d8;margin-inline-start:.22em}
.login-features{display:flex;flex-wrap:wrap;gap:8px 23px;color:#a9b9cc;font-size:13px}.login-features span{display:inline-flex;align-items:center;gap:8px}.login-features span:before{content:"";width:5px;height:5px;border-radius:50%;background:#50c4c2}
.login-device-scene{position:relative;height:clamp(300px,29vw,420px);margin:20px -20px 0 -18px;isolation:isolate}
.login-device-glow{position:absolute;inset:15% -6% 0;border-radius:50%;background:radial-gradient(ellipse,#3c98a52d,transparent 65%);filter:blur(20px);z-index:-1}
.login-laptop{position:absolute;left:9%;top:18%;width:81%;filter:drop-shadow(0 24px 22px #0007);z-index:2}
.login-laptop-screen{position:relative;padding:10px 8px 9px;border:1px solid #718294;border-radius:13px 13px 5px 5px;background:linear-gradient(130deg,#506074,#131c2b 14%,#080d16 88%,#4f5a6d);box-shadow:inset 0 0 0 2px #182334}
.login-laptop-screen i{position:absolute;top:3px;left:50%;width:3px;height:3px;border-radius:50%;background:#6b7688}
.login-laptop-screen img{display:block;width:100%;border-radius:3px;aspect-ratio:1265/712;object-fit:cover}
.login-laptop-base{position:relative;width:114%;height:15px;margin-left:-7%;background:linear-gradient(#ced4de,#728298 40%,#333f50);border-radius:2px 2px 50% 50%/2px 2px 11px 11px;box-shadow:0 3px 3px #0008}
.login-laptop-base:before{content:"";position:absolute;left:40%;width:20%;height:5px;background:#748397;border-radius:0 0 8px 8px}
.login-tablet{position:absolute;left:0;top:5%;width:29%;padding:7px;border-radius:16px;background:linear-gradient(140deg,#778392,#121a27 25%,#070d15);border:1px solid #6a7789;transform:rotate(-7deg);box-shadow:0 18px 30px #0006;z-index:1}
.login-tablet img{width:100%;display:block;aspect-ratio:768/1024;object-fit:cover;border-radius:10px}
.login-phone{position:absolute;right:0;top:32%;width:18%;padding:5px;border-radius:20px;background:linear-gradient(140deg,#7a8696,#0d1522 25%);border:1px solid #8590a0;box-shadow:0 18px 24px #0008;transform:rotate(6deg);z-index:3}
.login-phone img{width:100%;display:block;aspect-ratio:390/780;object-fit:cover;border-radius:15px}.login-phone i{position:absolute;width:32%;height:8px;top:5px;left:34%;border-radius:0 0 7px 7px;background:#0a111b}
.login-card{--ink:#182b38;--muted:#657686;--panel:#fff;--border:#e2e9ef;--soft:#eef7fa;--accent:#087fa2;--bg:#f6f9fc;background:#fff;color:var(--ink);padding:34px 30px 27px;border:1px solid #fff;border-radius:23px;box-shadow:0 30px 80px #0005;text-align:center}
.login-card h2{font-size:25px;line-height:1.22;letter-spacing:-.035em;margin:0 0 13px;font-weight:650}.login-instructions{color:#697888;font-size:13px;line-height:1.7;margin:0 auto 23px;max-width:290px}
.login-card .qr-area{height:196px;width:196px;max-width:100%;border-radius:12px;border-color:#e8edf2;background:#fff}.login-card .qr-area img{width:196px;height:196px;max-width:100%;object-fit:contain}.login-card .qr-placeholder{width:150px;height:150px}
.login-card .status-box{background:transparent;color:#718090;font-size:11px;margin:18px 0 15px;padding:0;line-height:1.6}.login-card .primary{min-height:42px;border-radius:9px;font-size:13px;background:#087fa2;color:#fff;border-color:#087fa2}.login-footer{color:#7c91a8;font-size:11px;margin-top:10px}
@media(min-width:1600px){.login-main{gap:80px}.login-device-scene{height:430px}}
@media(max-width:1000px){.login-main{gap:25px;grid-template-columns:minmax(0,1.25fr) minmax(305px,1fr)}.login-card{padding:29px 22px}.login-device-scene{height:280px}.login-copy h1{font-size:43px}}
@media(max-width:740px){.login-shell{padding:24px}.login-main{grid-template-columns:1fr;max-width:500px;padding:34px 0;gap:20px}.login-copy{text-align:center}.login-copy h1{font-size:38px;margin-bottom:14px}.login-features{justify-content:center;font-size:11px;gap:15px}.login-device-scene{height:250px;max-width:440px;margin:10px auto 0}.login-card{max-width:410px;width:100%;justify-self:center;padding:28px}.login-card h2{font-size:24px}.login-footer{text-align:center}}
@media(max-width:400px){.login-shell{padding:20px 16px}.login-device-scene{height:220px}.login-copy h1{font-size:34px}.login-card{padding:25px 20px}.login-phone{border-radius:14px}.login-phone img{border-radius:10px}}

/* Selected laptop-only design. */
.login-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse at 28% 68%,#1d4956 0,transparent 48%),#101827}.login-shell:before{content:"";position:absolute;width:640px;height:640px;inset-inline-start:-90px;top:70px;border:1px solid #6fc4cc24;border-radius:50%;box-shadow:0 0 0 55px #7ed3d509,0 0 0 110px #7ed3d506;pointer-events:none;z-index:-1}.login-main{position:relative;padding:45px 0 35px;gap:50px}.login-header{max-width:1320px;margin:auto}.landing-brand .brand-symbol{width:46px;height:46px}.landing-brand .brand-symbol img{position:absolute;width:53px;height:auto;max-width:none;left:-3px;top:-5px;background:transparent;border-radius:0}.login-benefits{font-size:16px;line-height:1.8;color:#adc5d2;max-width:560px;margin:0}.login-copy h1{margin-bottom:19px}.login-device-scene{margin:35px 0 0;height:auto;aspect-ratio:1.75}.login-laptop{left:7%;top:0;width:86%}.login-laptop-screen{padding:9px 7px 10px;border-radius:12px 12px 3px 3px;border-color:#80909f;background:linear-gradient(130deg,#5d6977,#171e27 22%,#111821 80%,#65717d)}.login-laptop-base{height:17px;background:linear-gradient(#e0e5e9,#b7c1cb 22%,#82909d 52%,#485562 80%,#323c48);border-radius:1px 1px 45% 45%/1px 1px 12px 12px}.login-device-glow{background:radial-gradient(ellipse,#64d4c83b,transparent 68%)}.login-card{min-height:395px}.login-card .qr-area{margin-inline:auto}.login-card .primary{margin-top:3px}
@media(max-width:740px){.login-main{padding-top:30px;gap:35px}.login-device-scene{height:auto;min-height:0;aspect-ratio:1.75;margin-top:25px}.login-benefits{font-size:14px}.login-card{min-height:370px}.login-copy h1{font-size:38px}}
.login-header{display:flex;width:100%;justify-content:space-between;align-items:center}.login-copy p.login-benefits{color:#adc5d2;font-size:16px;line-height:1.8;max-width:560px}.login-header .preferences{margin-inline-start:auto}
/* Midnight Gold: scoped to signed-out landing; QR retains a white scanning surface. */
.login-shell{color:#f3f1e8;background:radial-gradient(ellipse at 28% 68%,#26394d 0,transparent 48%),#101b29}
.login-shell:before{border-color:#e4c68324;box-shadow:0 0 0 55px #e4c68309,0 0 0 110px #e4c68306}
.login-header .brand,.login-copy h1{color:#f3f1e8}.login-copy h1 span,.login-copy .eyebrow{color:#e4c683}
.login-header select{background:#1d2b3d;border-color:#3a4b60;color:#f3f1e8}.login-header select option{background:#1d2b3d;color:#f3f1e8}
.login-copy p.login-benefits,.login-benefits,.login-features,.login-footer{color:#b5c1ce}.login-features span:before{background:#e4c683}
.login-device-glow{background:radial-gradient(ellipse,#e4c68326,transparent 68%)}
.login-card{--ink:#f3f1e8;--muted:#b5c1ce;--panel:#1d2b3d;--border:#3a4b60;--soft:#26394d;--accent:#e4c683;--bg:#101b29;background:#1d2b3d;color:#f3f1e8;border-color:#3a4b60}
.login-instructions,.login-card .status-box{color:#b5c1ce}.login-card .primary{background:#e4c683;color:#080f19;border-color:#e4c683}.login-card .primary:hover{background:#efd59f;border-color:#efd59f}
.login-card .qr-area{background:#fff;border-color:#fff}.login-shell :focus-visible{outline:3px solid #e4c683;outline-offset:4px}

/* Keep the locale-specific app icon beside the product title. */
.login-title{display:flex;direction:ltr;align-items:center;gap:16px;margin-bottom:19px}.login-title h1{margin:0}.login-title .landing-brand{display:flex;flex:0 0 auto}.login-title .brand-symbol{width:63.8px;height:63.8px}.login-title .brand-symbol img{width:67px;left:-4px;top:-6px}
@media(max-width:740px){.login-title{justify-content:center;gap:12px;margin-bottom:14px}.login-title h1{margin:0}.login-title .brand-symbol{width:48.4px;height:48.4px}.login-title .brand-symbol img{width:51px;left:-3px;top:-5px}}

/* Show the circular Android artwork with a light outline on the dark login page. */
.login-title .brand-symbol{border:1.5px solid #fff;border-radius:50%;overflow:hidden}.login-title .brand-symbol img{width:132%;height:auto;left:-14%;top:-12.5%}

/* Preserve the original Q contour; no geometric crop or tile background. */
.login-title .brand-symbol{border:0;border-radius:0;overflow:visible}.login-title .brand-symbol img{width:100%;height:100%;left:0;top:0;object-fit:contain}