:root{font-family:Segoe UI,PingFang SC,sans-serif;color:#d9f9ff;background:radial-gradient(circle at top,rgba(0,210,255,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(0,90,255,.16),transparent 34%),linear-gradient(180deg,#07101d,#030814)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(0,180,255,.12),transparent 22%),linear-gradient(180deg,#06111f,#020713)}#root{min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.page:before,.page:after{content:"";position:absolute;border-radius:999px;filter:blur(80px);opacity:.5}.page:before{width:240px;height:240px;top:10%;left:12%;background:#00d9ff26}.page:after{width:300px;height:300px;right:10%;bottom:8%;background:#0066ff29}.panel{position:relative;z-index:1;width:min(500px,100%);padding:40px 32px 30px;border-radius:30px;background:linear-gradient(180deg,#06162ce6,#030e1cd6);border:1px solid rgba(61,225,255,.22);box-shadow:0 0 0 1px #37d8ff14,0 24px 60px #0000006b,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 10px;color:#65f1ff;letter-spacing:.18em;font-weight:700;font-size:.78rem;text-transform:uppercase;text-shadow:0 0 12px rgba(69,236,255,.55)}.hero h1{margin:0;color:#3eefff;font-size:clamp(2rem,5vw,2.7rem);line-height:1.2;text-shadow:0 0 14px rgba(62,239,255,.58),0 0 30px rgba(17,118,255,.2)}.subtitle{margin-top:14px;color:#7fa7bf;line-height:1.75}.form{display:grid;gap:18px;margin-top:30px}.field{display:grid;gap:10px}.field-label{color:#7bc4d8;font-size:.92rem;font-weight:600;letter-spacing:.05em}.input-shell{position:relative}.input-shell:before{content:"";position:absolute;top:50%;left:18px;width:22px;height:22px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:20px 20px;opacity:.92;pointer-events:none;z-index:2}.username-field .input-shell:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232feaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4' fill='%232feaff' stroke='none'/%3E%3C/svg%3E")}.password-field .input-shell:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232feaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 1 1 8 0v3'/%3E%3Ccircle cx='12' cy='16' r='1.4' fill='%232feaff' stroke='none'/%3E%3C/svg%3E")}.form input{position:relative;z-index:1;width:100%;height:72px;padding:0 20px 0 56px;border:1px solid rgba(45,228,255,.88);border-radius:16px;background:linear-gradient(180deg,#052648f5,#041f3ceb);color:#dcfbff;font-size:1rem;box-shadow:inset 0 0 0 1px #48e2ff14,0 0 18px #00c6ff2e;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.form input::placeholder{color:#6a96ae}.form input:focus{border-color:#61f4ff;box-shadow:inset 0 0 0 1px #61f4ff1f,0 0 0 3px #2de4ff14,0 0 28px #2de4ff42;transform:translateY(-1px)}.submit-button,.ghost{border-radius:14px;cursor:pointer}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.mode-button{padding:12px 14px;border-radius:14px;border:1px solid rgba(62,165,198,.2);background:#07213ac7;color:#9ad7e9;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.mode-button:hover{transform:translateY(-1px);border-color:#5cefff70}.mode-button.active{border-color:#58f1ffd6;background:linear-gradient(180deg,#084c87f5,#05305ff0);color:#e3fdff}.submit-button{margin-top:4px;padding:16px 18px;border:1px solid rgba(88,241,255,.84);background:linear-gradient(180deg,#084c87f5,#05305ff0);color:#e3fdff;font-size:1rem;font-weight:700;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff14,0 0 22px #00c6ff38;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.submit-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 0 28px #2de4ff52}.submit-button:disabled{opacity:.72;cursor:not-allowed;transform:none}.accounts{margin-top:28px;padding-top:18px;border-top:1px solid rgba(72,190,225,.14)}.accounts h2{margin:0 0 12px;color:#89bfd0;font-size:.96rem;font-weight:600}.accounts ul{display:grid;gap:10px;padding:0;list-style:none}.ghost{width:100%;padding:12px 14px;border:1px solid rgba(62,165,198,.2);background:#07213ac7;color:#9ad7e9;text-align:left;transition:border-color .16s ease,background .16s ease}.ghost:hover{border-color:#5cefff70;background:#092848f0}.error,.success{margin-top:16px;padding:12px 14px;border-radius:12px;border:1px solid transparent}.error{background:#5e102161;border-color:#ff607847;color:#ff9cae}.success{background:#053c4c70;border-color:#3fe7ff3d;color:#8bf8ff}@media (max-width: 640px){.panel{padding:30px 20px 24px;border-radius:24px}.hero h1{font-size:2rem}.form input{height:66px}}