:root{--bg:#070c16;--text:#edf4ff;--muted:#90a8be;--line:#2c4056;--gold:#64e1ca}body{background:radial-gradient(ellipse at 15% 10%,#15364980,transparent 55%),#070c16;font-family:'Segoe UI',system-ui,sans-serif}.intro{background:radial-gradient(ellipse at 65% 45%,#254c4b55,transparent 62%),linear-gradient(135deg,#102334,#10172b);border-right:1px solid #294255;position:relative;overflow:hidden}.intro:after{content:'₿';position:absolute;right:-20px;bottom:40px;font-size:430px;color:#64cfc70a;transform:rotate(-12deg);pointer-events:none}.intro h1{letter-spacing:-2px;font-weight:600}.intro h1 em{color:#7ae6d2;font-style:normal}.intro-copy p{max-width:380px;color:#9ab9cb;line-height:1.9}.intro-foot{color:#72a3b8;font-size:10px;letter-spacing:1.5px}.card{border:1px solid #2c4258;background:linear-gradient(145deg,#142236,#0e1928);padding:38px;border-radius:18px;box-shadow:0 30px 100px #0004}.eyebrow{color:#71ddd1;letter-spacing:2px;font-size:10px}.card h2{font-size:29px;letter-spacing:-.8px;margin:17px 0 10px}.card input{padding:13px 15px;border-radius:9px;background:#091523;border-color:#30485f;color:#edf4ff}.card button{background:#64dfc5;color:#06211c;border:0;border-radius:9px;min-height:47px;font-weight:700}.card button:hover{background:#85f2d9}.card label{font-size:12px;color:#aec2d3}.card p{font-size:12px;line-height:1.8}.brand img{filter:drop-shadow(0 0 12px #64ddc82a)}@media(max-width:760px){main{display:block}.intro{padding:26px 24px;min-height:0}.intro-copy{margin:28px 0}.intro h1{font-size:33px;letter-spacing:-1px}.intro-copy p,.intro-foot{display:none}.intro:after{font-size:220px;right:0;bottom:-60px}.access{padding:26px 18px}.card{padding:27px 24px;max-width:480px;margin:auto}.card h2{font-size:25px}.brand{font-size:20px}}

.brand{font-weight:750;letter-spacing:4px;gap:17px}.brand img{width:62px;height:68px;filter:none}.brand small{font-size:9px;letter-spacing:2px;color:#8ca9bb}.intro h1 em{word-spacing:.08em}@media(max-width:760px){.brand img{width:48px;height:54px}.brand{gap:12px;letter-spacing:3px}}
/* Athena Crypto / art direction: classical identity, digital markets. */
body{background:#040b13 url('/crypto-login-background.png') left bottom / cover fixed no-repeat}main{background:linear-gradient(90deg,#040b1315 25%,#040b1340 55%,#040b1380);grid-template-columns:1.13fr 1fr}.intro{background:linear-gradient(180deg,#040b1370 0%,#040b1330 50%,transparent);border:0;min-height:100vh;justify-content:flex-start;padding:38px 5.8vw;gap:52px}.intro:after{display:none}.intro .brand{position:relative;z-index:1;align-items:center;gap:20px;white-space:nowrap}.intro .brand img{width:77px;height:88px;object-fit:contain;filter:drop-shadow(0 0 18px #59dae220)}.intro .brand span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.8vw,27px);font-weight:500;letter-spacing:2.5px;color:#ecd39a}.intro .brand small{font:500 8px 'Segoe UI',sans-serif;letter-spacing:3.2px;color:#8daebf;margin-top:12px}.intro-copy{margin:0;position:relative;z-index:1}.intro-copy h1{font-size:clamp(32px,3.5vw,56px);line-height:1.15;letter-spacing:-1.8px;font-weight:550;text-shadow:0 3px 28px #000c}.intro-copy .eyebrow{color:#b7d5df;font-size:9px;letter-spacing:2.5px}.intro-copy h1 em{color:#7de3de;word-spacing:0}.intro-copy p{max-width:310px;color:#c1d5dd;font-size:13px;line-height:1.8;text-shadow:0 2px 10px #000,0 2px 20px #000}.intro-foot{margin-top:auto;color:#a6c0c9;position:relative;z-index:1;border-color:#598da34a;padding-top:18px;font-size:8px;letter-spacing:1.5px;text-shadow:0 2px 8px #000}.access{padding:45px 5vw;background:linear-gradient(90deg,transparent,#040a1260);isolation:isolate}.card{max-width:440px;margin:auto;width:100%;padding:36px;background:linear-gradient(145deg,#101d2deb,#08121feb);backdrop-filter:blur(20px);border:1px solid #3b5263;border-radius:19px;box-shadow:0 25px 95px #0007,inset 0 1px #ffffff09;position:relative}.card:before{content:'';position:absolute;top:-1px;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#d6b66c,#78d7d6,transparent)}.card .eyebrow{font-size:9px;letter-spacing:1.7px;color:#c7af78}.card h2{font-size:29px;font-weight:550;margin-top:20px}.card input{background:#07121fd9;border:1px solid #304758;padding:13px 15px}.card input:focus{border-color:#69cdd2;box-shadow:0 0 0 3px #69cdd212}.card label{color:#b0c3d3}.card button{background:linear-gradient(105deg,#d8bd80,#bd9b5a);color:#101820;box-shadow:0 6px 25px #a98b3e17;font-size:13px;letter-spacing:.2px}.card button:hover{background:linear-gradient(105deg,#e8ce95,#d3b16b)}.card button.secondary{background:transparent;color:#b5c8d4;box-shadow:none;border:1px solid #345064}.access footer{color:#869caa;margin-top:28px;font-size:8px;letter-spacing:1px}
@media(min-width:1500px){.intro{padding-left:7vw;padding-top:50px;gap:60px}.intro-copy h1{max-width:550px}}
@media(max-width:1000px) and (min-width:801px){.intro{padding:34px 4vw;gap:45px}.intro .brand{gap:12px}.intro .brand img{width:61px;height:74px}.intro .brand span{font-size:19px;letter-spacing:1.7px}.intro .brand small{font-size:6px;letter-spacing:2px}.access{padding:35px 3.5vw}.card{padding:28px}}
@media(max-width:800px){body{background-position:28% top;background-size:auto 780px;background-attachment:scroll}main{display:block;background:linear-gradient(180deg,#040b1330,#040b13cc 540px,#040b13)}.intro{min-height:0;padding:24px 23px 12px;gap:28px;background:linear-gradient(180deg,#040b1360,transparent)}.intro .brand{gap:14px;white-space:normal}.intro .brand img{width:55px;height:66px}.intro .brand span{font-size:22px;letter-spacing:2px}.intro .brand small{font-size:7px;letter-spacing:2.7px;margin-top:9px}.intro-copy{margin:0}.intro-copy .eyebrow{font-size:8px}.intro-copy h1{font-size:34px;margin:15px 0 12px;max-width:340px;letter-spacing:-1px}.intro-copy h1 em{display:block}.intro-copy h1 br{display:none}.intro-copy p,.intro-foot{display:none}.access{padding:24px 17px 30px;background:none}.card{padding:28px 24px;background:#0a1726ed;max-width:450px;border-color:#3c5868}.card h2{font-size:26px}.access footer{max-width:450px;width:100%;margin:25px auto 0}.intro:after{display:none}}

/* Clear login hierarchy: dedicated brand header, artwork, and one access card. */
.login-brandbar{height:114px;display:flex;align-items:center;padding:12px clamp(24px,5.5vw,88px);background:linear-gradient(90deg,#07111bf5,#07111bef);border-bottom:1px solid #49626b80;box-shadow:0 8px 35px #0005;position:relative;z-index:2}.login-brandbar:after{content:'';position:absolute;bottom:-1px;left:5.5vw;width:280px;height:1px;background:linear-gradient(90deg,#cfb16c,#70d9d7,transparent)}.login-brandbar .brand{display:flex;align-items:center;gap:22px;white-space:nowrap}.login-brandbar .brand img{width:85px;height:94px;object-fit:contain;filter:none}.login-brandbar .brand span{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:500;letter-spacing:3px;color:#ead39e}.login-brandbar .brand small{font-family:'Segoe UI',sans-serif;font-size:9px;font-weight:500;letter-spacing:4px;color:#a0bdca;margin-top:10px}main{min-height:calc(100vh - 114px);grid-template-columns:1.14fr 1fr;background:linear-gradient(90deg,transparent 30%,#040b131a 55%,#040b1359)}.intro{min-height:0;padding:0;margin:0;background:none;border:0;gap:0}.intro:after{display:none}.access{padding:38px 5vw;background:linear-gradient(90deg,transparent,#040a1230);justify-content:center}.card{background:#0b1827f5;border-color:#415d70;box-shadow:0 24px 95px #0008;backdrop-filter:blur(16px);max-width:430px}.card h2{margin-top:18px}.card form{margin-top:25px}.card #error{margin-bottom:0;min-height:8px}.card .eyebrow{font-size:9px;color:#c7b583;letter-spacing:2px}.card p#subtitle{color:#9fb4c7}
@media(max-width:1000px) and (min-width:801px){.login-brandbar{padding-left:35px}.login-brandbar .brand img{width:76px;height:86px}.login-brandbar .brand span{font-size:27px}.access{padding:30px 4vw}.card{padding:30px}}
@media(max-width:800px){body{background-position:26% 85px;background-size:auto 780px;background-attachment:scroll}.login-brandbar{height:96px;padding:10px 20px;background:#07111bf5}.login-brandbar .brand{gap:14px;white-space:normal}.login-brandbar .brand img{width:64px;height:75px;flex-shrink:0}.login-brandbar .brand span{font-size:23px;letter-spacing:1.7px}.login-brandbar .brand small{font-size:7px;letter-spacing:2.7px;margin-top:8px}.login-brandbar:after{left:20px;width:240px}main{min-height:calc(100vh - 96px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#040b1330,#040b1366)}.intro{display:none}.access{padding:38px 18px 50px;background:transparent;flex:1;display:flex;align-items:center}.card{width:100%;max-width:430px;margin:auto;padding:28px 24px;background:#0b1827f5}.card h2{font-size:26px}.access footer{display:none}}
@media(max-width:370px){.login-brandbar{padding:10px 15px}.login-brandbar .brand{gap:10px}.login-brandbar .brand span{font-size:20px}.login-brandbar .brand img{width:58px;height:70px}.login-brandbar .brand small{letter-spacing:2px}}