@font-face{font-family:Saira;src:url(/assets/fonts/saira/saira-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Saira;src:url(/assets/fonts/saira/saira-600.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Saira;src:url(/assets/fonts/saira/saira-700.ttf)format("truetype");font-weight:700;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#fed18c;--slate:#829399;--rose:#db7f8e;--ink:#111;--paper:#fbf8f2;--soft:#f3eee6;--white:#fff;--outline:#e1d2c6;--surface:#fffaf6;--primary:#bb4430;--text:#051118;--muted:#7a6e68;--secondary:#6e0330;--radius:12px;--font:"Saira", sans-serif}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font);color:var(--text);background:radial-gradient(at 0 0,#fedab98c 0%,#0000 55%),radial-gradient(at 100% 100%,#bb443014 0%,#0000 50%),#fdf7f2;place-items:center;min-height:100vh;padding:20px 20px 80px;display:grid}.shell{border:1px solid var(--outline);border-radius:20px;grid-template-columns:1fr minmax(0,420px);width:min(100%,960px);display:grid;overflow:hidden;box-shadow:0 32px 80px #0511181a,0 2px 8px #0511180f}.intro{border-right:1px solid var(--outline);background:linear-gradient(160deg,#fff8f3 0%,#fdeee3 100%);flex-direction:column;gap:0;padding:52px 48px;display:flex}.intro-logo{width:100%;height:auto;margin-bottom:32px;display:block}.intro-brand,.intro-trust{display:none}.intro-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-size:11px;font-weight:600}.intro-title{color:var(--text);margin-bottom:14px;font-size:30px;font-weight:700;line-height:1.15}.intro-sub{color:var(--muted);max-width:320px;font-size:14px;line-height:1.6}.intro-spacer{flex:1}.intro-komma{opacity:.85;align-items:center;gap:10px;margin-top:40px;text-decoration:none;transition:opacity .2s;display:inline-flex}.intro-komma:hover{opacity:1}.intro-komma span{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px}.intro-komma img{width:auto;height:20px;display:block}.card{background:#fff;flex-direction:column;justify-content:center;gap:20px;padding:48px 40px;display:flex}.card-title{color:var(--text);font-size:22px;font-weight:700;line-height:1.2}.card-sub{color:var(--muted);margin-top:-8px;font-size:13px;line-height:1.55}.field{gap:6px;display:grid}label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}input[type=text],input[type=password],input[type=email]{font:inherit;border:1.5px solid var(--outline);border-radius:var(--radius);color:var(--text);background:#fdfaf8;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}input:focus{background:#fff;border-color:#d4956a;outline:none;box-shadow:0 0 0 3px #bb443014}.btn{font:inherit;background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{background:#a33b2a}.btn:active{transform:scale(.98)}.btn.secondary{color:var(--text);border:1.5px solid var(--outline);background:#fff;font-weight:500}.btn.secondary:hover{background:var(--surface)}.btn svg,.btn img{flex:none}.divider{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--outline);flex:1;height:1px}.alt-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.error{color:var(--secondary);border-radius:var(--radius);background:#fff4fb;border:1.5px solid #e8b6c9;padding:12px 14px;font-size:13px;line-height:1.5}.ok{color:#215f2f;border-radius:var(--radius);background:#f3fff5;border:1.5px solid #b8dfc1;padding:12px 14px;font-size:13px;line-height:1.5}.meta{color:var(--muted);font-size:12px}.meta a{color:var(--primary);text-decoration:none}.meta a:hover{text-decoration:underline}.back-link{color:var(--muted);align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text)}.otp-wrap{justify-content:center;gap:8px;display:flex}.otp-digit{text-align:center;border:1.5px solid var(--outline);border-radius:var(--radius);width:46px;height:54px;caret-color:var(--primary);background:#fdfaf8;padding:0;font-size:22px;font-weight:700}.otp-digit:focus{border-color:#d4956a;box-shadow:0 0 0 3px #bb443014}.otp-digit.filled{border-color:var(--primary)}.page-footer{background:linear-gradient(#0000,#fdf7f2f2 40%);flex-direction:column;align-items:center;gap:6px;padding:14px 20px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.page-footer-links{gap:20px;font-size:12px;display:flex}.page-footer-links a{color:var(--muted);opacity:.7;text-decoration:none;transition:opacity .15s}.page-footer-links a:hover{opacity:1}.page-footer-copy{color:var(--muted);opacity:.6;align-items:center;gap:10px;font-size:11px;display:flex}.page-footer-copy a{color:var(--muted);opacity:.8;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.page-footer-copy img{width:auto;height:13px;display:block}@media (width<=740px){.shell{grid-template-columns:1fr}.intro{border-right:0;border-bottom:1px solid var(--outline);padding:36px 28px 28px}.intro-title{font-size:24px}.card{padding:32px 24px}}html[data-design=komma]{--yellow:#fed18c;--slate:#829399;--rose:#db7f8e;--ink:#111;--paper:#fbf8f2;--soft:#f3eee6;--outline:#1111111f;--surface:#fff;--primary:#111;--text:#111;--muted:#829399;--radius:0px;--font:"Inter", system-ui, -apple-system, sans-serif}html[data-design=komma] *{border-radius:0;font-family:Inter,system-ui,sans-serif}html[data-design=komma] body{background:var(--paper);place-items:center;min-height:100vh;padding:0;display:grid}html[data-design=komma] .shell{border:1px solid #1111111f;grid-template-columns:1fr minmax(0,400px);width:min(100%,1000px);box-shadow:0 2px 24px #11111114}html[data-design=komma] .intro{background:var(--soft);border-right:1px solid #1111111a;padding:56px 52px;position:relative;overflow:hidden}html[data-design=komma] .intro:after{content:"";background:var(--yellow);opacity:.35;width:260px;height:260px;position:absolute;bottom:-60px;right:-60px}html[data-design=komma] .intro-logo{display:none}html[data-design=komma] .intro-brand{align-items:baseline;gap:10px;margin-bottom:52px;display:flex}html[data-design=komma] .intro-trust{display:flex}html[data-design=komma] .intro-brand-text{letter-spacing:-.08em;color:var(--ink);font-size:38px;font-weight:600}html[data-design=komma] .intro-brand-mark{background:var(--ink);clip-path:polygon(0 0,100% 0,100% 65%,62% 65%,40% 100%,0 100%,25% 65%,0 65%);flex-shrink:0;width:22px;height:34px;transform:translateY(4px)}html[data-design=komma] .intro-eyebrow{border:1px solid var(--slate);color:var(--slate);letter-spacing:.16em;text-transform:uppercase;align-items:center;margin-bottom:20px;padding:4px 12px;font-size:11px;display:inline-flex}html[data-design=komma] .intro-title{letter-spacing:-.06em;color:var(--ink);margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1}html[data-design=komma] .intro-sub{color:#1111119e;font-size:15px;line-height:1.7}html[data-design=komma] .intro-komma{display:none}html[data-design=komma] .intro-spacer{flex:1;min-height:40px}html[data-design=komma] .card{background:#fff;padding:52px 44px}html[data-design=komma] .card-title{letter-spacing:-.04em;font-size:22px;font-weight:600}html[data-design=komma] label{color:var(--slate);letter-spacing:.12em}html[data-design=komma] input[type=text],html[data-design=komma] input[type=password],html[data-design=komma] input[type=email]{background:#fff;border:1px solid #1113}html[data-design=komma] input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #fed18c40}html[data-design=komma] .btn{background:var(--ink);font-weight:600}html[data-design=komma] .btn:hover{background:#2a2a2a}html[data-design=komma] .btn.secondary{color:var(--ink);background:#fff;border:1px solid #1113}html[data-design=komma] .btn.secondary:hover{background:var(--soft)}html[data-design=komma] .divider{color:var(--slate)}html[data-design=komma] .divider:before,html[data-design=komma] .divider:after{background:#1111111f}html[data-design=komma] .error{border-color:var(--rose);color:#8b3a45;background:#fff5f6}html[data-design=komma] .ok{background:var(--soft);color:#3a5050;border-color:#829399}html[data-design=komma] .meta a{color:var(--ink);font-weight:500}html[data-design=komma] .otp-digit{background:#fff;border:1px solid #1113}html[data-design=komma] .otp-digit:focus{border-color:var(--ink);box-shadow:0 0 0 3px #fed18c40}html[data-design=komma] .otp-digit.filled{border-color:var(--ink)}html[data-design=komma] .page-footer{background:linear-gradient(#0000,#fbf8f2f2 40%)}html[data-design=komma] #recovery-toggle{color:var(--ink)}html[data-design=komma] .intro-trust{flex-direction:column;gap:10px;margin-top:36px;display:flex}html[data-design=komma] .intro-trust-item{color:#1111119e;align-items:center;gap:10px;font-size:13px;display:flex}html[data-design=komma] .intro-trust-dot{flex-shrink:0;width:8px;height:8px}html[data-design=komma] #cookie-banner{background:var(--ink);border-top:none}html[data-design=komma] #cookie-banner p{color:#ffffffb3}html[data-design=komma] #cookie-banner a{color:var(--yellow)}html[data-design=komma] .cookie-btn-settings{color:#fffc;background:0 0;border:1px solid #ffffff40}html[data-design=komma] .cookie-btn-accept{background:var(--yellow);color:var(--ink);border:none}@media (width<=740px){html[data-design=komma] .shell{grid-template-columns:1fr}html[data-design=komma] .intro{border-bottom:1px solid #1111111a;border-right:0;padding:36px 28px 28px}html[data-design=komma] .card{padding:32px 24px}#cookie-banner{padding:8px 12px}#cookie-banner>div{gap:10px}#cookie-banner p{font-size:11px;line-height:1.35}#cookie-banner .cookie-btn-accept{white-space:nowrap;padding:6px 10px}}