@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
.brand{display:inline-flex!important;align-items:center;font-size:0!important}.brand img{width:96px;height:50px;object-fit:contain}
:root{--navy:#06152d;--panel:#0a2145;--blue:#2589ff;--light:#62c4ff;--white:#f8fbff;--muted:#9fb2cd;--line:rgba(129,189,255,.2);--error:#ff8994}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 80% 15%,rgba(24,119,242,.26),transparent 28rem),linear-gradient(145deg,#06152d,#071a38);color:var(--white);font-family:Inter,Arial,sans-serif}.login-glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.22}.glow-one{width:350px;height:350px;top:-170px;right:-80px;background:#2589ff}.glow-two{width:300px;height:300px;bottom:-160px;left:-100px;background:#146be5}header{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:white;text-decoration:none;font-size:1.5rem;font-weight:900;letter-spacing:-.08em}.brand span,.eyebrow,.form-eyebrow{color:var(--light)}.back-link{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600}main{position:relative;z-index:1;width:min(1080px,calc(100% - 40px));min-height:calc(100vh - 86px);margin:auto;display:grid;grid-template-columns:1.05fr .8fr;gap:90px;align-items:center;padding:70px 0}.eyebrow,.form-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.2em}.login-intro h1{margin:16px 0 24px;font-size:clamp(3rem,6vw,5.3rem);line-height:.94;letter-spacing:-.065em}.login-intro h1 span{color:var(--light)}.login-intro>p:not(.eyebrow){max-width:560px;color:var(--muted)}.benefit{display:flex;gap:16px;align-items:center;margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.benefit>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#1877f2,#3ab4ff);font-size:1.7rem;font-weight:800}.benefit p{margin:3px 0;color:var(--muted);font-size:.78rem}.auth-card{padding:34px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(14,49,96,.9),rgba(7,24,52,.96));box-shadow:0 30px 80px rgba(0,6,22,.38)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:12px;background:rgba(2,13,31,.5)}.tab{min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.tab.active{background:#163c70;color:white;box-shadow:0 5px 15px rgba(0,5,20,.2)}form{padding-top:27px}.hidden{display:none}.form-eyebrow{margin:0}h2{margin:6px 0 22px;font-size:1.8rem;letter-spacing:-.04em}label{display:block;margin:14px 0 7px;font-size:.74rem;font-weight:700}input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line);outline:0;border-radius:10px;background:rgba(2,13,31,.6);color:white;font:inherit}input:focus{border-color:var(--light);box-shadow:0 0 0 3px rgba(39,140,255,.14)}small{display:block;margin-top:7px;color:var(--muted)}.submit-button{width:100%;min-height:52px;margin-top:23px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#1877f2,#32aaff);color:white;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 14px 30px rgba(24,119,242,.28);display:flex;align-items:center;justify-content:space-between}.message{min-height:1.3em;margin:12px 0 0;color:var(--light);font-size:.78rem}.message.error{color:var(--error)}@media(max-width:820px){main{grid-template-columns:1fr;gap:45px;padding:55px 0 80px}.login-intro h1{font-size:clamp(2.8rem,13vw,4.6rem)}.auth-card{width:min(500px,100%);margin:auto}}@media(max-width:480px){header,main{width:calc(100% - 28px)}.back-link{font-size:0}.back-link::after{content:"← Takaisin";font-size:.75rem}.auth-card{padding:25px 19px}}