*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030c24;color:#fff;font-family:Arial,sans-serif}body{min-height:100svh;overflow-x:hidden;background-image:linear-gradient(#00051e44,#00051e12 55%,#00051e66),url('login-city-v1.png');background-size:cover;background-position:center;background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#1d3d7e18,transparent 65%)}.login-scene{position:relative;max-width:1180px;min-height:100svh;margin:auto;padding:10vh 35px 35px;display:flex;flex-direction:column;align-items:center}.secure-note{font-size:10px;letter-spacing:3px;color:#d9c78a;margin:0 0 23px;text-align:center}.login-panel{width:min(650px,100%);text-align:center;padding:0 25px 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{text-align:left;display:flex;flex-direction:column;gap:8px}.field>span{font-size:11px;letter-spacing:2px;text-shadow:0 1px 4px #000;color:#e8dfc4}.input-wrap{position:relative}input[type=text],input[type=password]{width:100%;height:49px;border-radius:3px;border:2px ridge #e7dfcd;background:linear-gradient(#fff,#eee9df);box-shadow:inset 0 2px 5px #09071835,0 4px 0 #02071e80;color:#181621;font:bold 17px Georgia;padding:10px 15px;outline-offset:4px}.password input{padding-right:55px}.eye{position:absolute;right:5px;top:6px;height:35px;width:43px;background:transparent;border:0;color:#4c4b56;font-size:12px;cursor:pointer}.remember{margin:20px 0 16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#e9edff;text-shadow:0 2px 4px #000}.remember input{width:16px;height:16px;accent-color:#18e8bd}.login-button{cursor:pointer;min-width:235px;padding:11px 30px;border:1px solid #96f01d;border-radius:7px;background:linear-gradient(#73fc10,#29c300 42%,#148b00 52%,#095200);color:#fffde3;font:bold 23px Georgia;letter-spacing:2px;text-shadow:0 2px 2px #164400;box-shadow:inset 0 1px #d2ff99,0 5px 0 #043e00,0 8px 17px #0009}.login-button:active{transform:translateY(3px);box-shadow:0 2px 0 #043e00}.login-button:disabled{opacity:.6;cursor:wait}.setup-field{display:block;text-align:left;margin-bottom:18px}.setup-field span{display:block;font-size:13px;margin-bottom:8px}#intro{font-size:13px;line-height:1.5;color:#e2d39f;margin:0 0 20px;text-shadow:0 2px 4px #000}#msg{margin:17px auto 0;min-height:20px;font-size:13px;line-height:1.6;max-width:600px;text-shadow:0 1px 3px #000}#msg.error{background:#310c23e8;border:1px solid #ff8d80;padding:12px;border-radius:6px;color:#ffdfd7}.brand-stage{display:flex;align-items:center;justify-content:center;gap:36px;margin:4vh auto 0;filter:drop-shadow(0 14px 18px #0009)}.crest{width:210px;aspect-ratio:1;border-radius:50%;padding:10px;position:relative;background:conic-gradient(#dca341,#fff2aa,#885614,#fff4b4,#c28b20,#fff1a2,#dca341);box-shadow:inset 0 0 0 3px #8f6b28,0 0 28px #e5b95835}.crest:before{content:'';position:absolute;inset:17px;border:2px dashed #eac56c;border-radius:50%}.crest-core{height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#22326c,#070a28 70%);border:8px double #ddbe66}.crest-core span{font:bold italic 100px Georgia;letter-spacing:-16px;padding-right:17px;color:#fbe996;text-shadow:1px 1px #fff9cd,2px 3px #b58624,4px 5px #73511a,6px 8px #392810}.brand-copy{text-align:center}.brand-small{font:bold clamp(22px,4vw,49px) Georgia;letter-spacing:4px;margin:0 0 5px;color:#ffe998;text-shadow:1px 1px #ffffcf,2px 3px #a97b27,3px 5px #684013}.brand-title{font:bold clamp(58px,10vw,127px) Georgia;letter-spacing:6px;line-height:1.12;margin:0;color:#ffdf81;background:linear-gradient(#fff6be 9%,#c78b24 28%,#fff9cb 43%,#d39b30 54%,#ffe9a5 74%,#ad7522);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 0 #9a6a24) drop-shadow(2px 3px 0 #664013) drop-shadow(0 7px 6px #0008)}.brand-tag{letter-spacing:5px;font-size:9px;color:#f3dfaa;margin-top:17px}.spark{position:absolute;color:#fff6bc;font-size:29px;animation:twinkle 4s ease-in-out infinite;pointer-events:none}.spark.one{top:11%;left:20%}.spark.two{right:14%;bottom:20%;animation-delay:2s}.bottom-links{display:flex;gap:25px;justify-content:center;margin-top:32px;font-size:12px}.bottom-links a{color:#e6d497;text-decoration:none;border-bottom:1px solid #c8ad6550;padding-bottom:5px}.demo-note{font-size:10px;letter-spacing:1px;color:#bbbcca;text-align:center;margin-top:auto;padding-top:55px;text-shadow:0 2px 4px #000}[hidden]{display:none!important}:focus-visible{outline:3px solid #83e7ff;outline-offset:4px}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.05)}}@media(max-width:650px){.login-scene{padding:7vh 18px 25px}.login-panel{padding:0 0 10px}.fields{gap:10px}.field>span{font-size:10px;letter-spacing:1px}input[type=text],input[type=password]{font-size:15px;padding-left:9px}.brand-stage{flex-direction:column;gap:19px;margin-top:30px}.crest{width:142px}.crest-core span{font-size:68px;letter-spacing:-11px;padding-right:12px}.brand-small{font-size:26px}.brand-title{font-size:65px;letter-spacing:3px}.brand-tag{letter-spacing:3px;font-size:8px}.demo-note{padding-top:40px}.bottom-links{margin-top:23px}}@media(prefers-reduced-motion:reduce){.spark{animation:none}}