@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;800&display=swap";:root{--navy:#0d2233;--navy-card:#16334a;--teal:#1fae9b;--orange:#f28c28;--cream:#f2efe9;--mint:#e0f5f0;--muted:#8fa8ba}*{box-sizing:border-box;margin:0}body{background:var(--navy);color:var(--cream);background-image:radial-gradient(60% 40% at 80% -10%,#1fae9b1f,#0000);font-family:Sora,sans-serif}#root{flex-direction:column;min-height:100vh;padding:2.5rem clamp(1rem,5vw,4rem);display:flex}.login-wrap{flex:1;justify-content:center;align-items:center;padding:2rem 0;display:flex}.login{background:linear-gradient(160deg, #1fae9b17, #16334a99 40%) var(--navy-card);width:min(400px,100%);color:var(--cream);border:1px solid #1fae9b40;border-radius:24px;flex-direction:column;gap:1.1rem;padding:2.5rem 2.25rem;display:flex;position:relative;box-shadow:0 30px 80px #00000073,inset 0 1px #f2efe90f}.login:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 30%,#1fae9b24,#0000 70%);position:absolute;inset:-60px}.login .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:.7rem;font-weight:600}.login h2{font-size:1.6rem;font-weight:800}.login-sub{color:var(--muted);margin-top:-.6rem;margin-bottom:.4rem;font-size:.85rem}.login label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:.4rem;font-size:.68rem;font-weight:600;display:flex}.login input{font:inherit;color:var(--cream);background:#0d22338c;border:1px solid #f2efe924;border-radius:12px;padding:.75rem .95rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.login input::placeholder{color:#8fa8ba80}.login input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1fae9b33}.login button,.login-knop{font:inherit;background:var(--teal);color:var(--navy);cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:.85rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s}.login button:hover,.login-knop:hover{background:#27c4af;transform:translateY(-1px);box-shadow:0 8px 24px #1fae9b4d}.login button:active,.login-knop:active{transform:none}.error{color:#ff9d8a;font-size:.8rem}.login-knop{text-align:center;text-decoration:none;display:block}.login-knop.stil{color:var(--cream);background:0 0;border:1px solid #f2efe940;margin-top:0}.login-knop.stil:hover{box-shadow:none;background:#f2efe90f}.login-sub strong{color:var(--cream);font-weight:600}