@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Outfit:wght@300;400;500;600&display=swap";:root{--ruto-brand:#e6a227;--ruto-brand-dark:#c4881a;--ruto-brand-light:#f5d998;--ruto-brand-soft:#e6a22724;--ruto-white:#fff;--ruto-warm:#fffbf5;--ruto-text:#2e2e2e;--ruto-text-muted:#6b6560}.splash-body{background:radial-gradient(circle at 15% 20%, var(--ruto-brand-soft) 0%, transparent 42%), radial-gradient(circle at 85% 75%, #e6a2271a 0%, transparent 38%), radial-gradient(circle at 50% 100%, #e6a2270f 0%, transparent 50%), linear-gradient(165deg, var(--ruto-white) 0%, var(--ruto-warm) 45%, var(--ruto-white) 100%);min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.splash-body:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e6a227' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.splash-scene{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;transition:opacity .6s,transform .6s;display:flex;position:relative}.splash-scene.splash-exit{opacity:0;transform:scale(1.05)}.splash-logo-wrap{opacity:0;animation:1.2s cubic-bezier(.22,1,.36,1) forwards splashLogoIn;transform:scale(.7)}.splash-logo{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 28px #e6a22759);width:220px;height:220px}@media (width>=640px){.splash-logo{width:300px;height:300px}}.splash-steam{justify-content:center;gap:16px;height:64px;margin-top:-12px;display:flex}.splash-steam span{background:linear-gradient(#e6a22773,#0000);border-radius:50%;width:8px;height:36px;animation:2.4s ease-in-out infinite steamRise;display:block}.splash-steam span:nth-child(2){height:44px;animation-delay:.4s}.splash-steam span:nth-child(3){animation-delay:.8s}.splash-loader{opacity:0;background:#e6a22733;border-radius:999px;width:120px;height:3px;animation:1s .8s forwards splashTextIn;position:absolute;bottom:3rem;overflow:hidden}.splash-loader:after{content:"";background:linear-gradient(90deg, var(--ruto-brand), var(--ruto-brand-light));border-radius:999px;width:0;height:100%;animation:2.8s ease-in-out forwards splashLoad;display:block}.splash-skip{color:var(--ruto-text-muted);letter-spacing:.1em;opacity:0;font-size:.75rem;animation:1s 1.2s forwards splashTextIn;position:absolute;bottom:1.25rem}@keyframes splashLogoIn{to{opacity:1;transform:scale(1)}}@keyframes splashTextIn{to{opacity:1;transform:translateY(0)}}@keyframes steamRise{0%,to{opacity:0;transform:translateY(12px)scaleX(.8)}50%{opacity:1;transform:translateY(-8px)scaleX(1.1)}}@keyframes splashLoad{to{width:100%}}.ruto-auth-body{background:var(--ruto-white);min-height:100vh;font-family:Outfit,sans-serif}.ruto-auth-grid{grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=1024px){.ruto-auth-grid{grid-template-columns:70% 30%}}.ruto-auth-brand{background:radial-gradient(circle at 10% 30%, var(--ruto-brand-soft) 0%, transparent 50%), radial-gradient(circle at 90% 70%, #e6a2271a 0%, transparent 45%), linear-gradient(160deg, var(--ruto-white) 0%, var(--ruto-warm) 100%);color:var(--ruto-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.ruto-auth-brand:before{content:"";opacity:1;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e6a227' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ruto-auth-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#e6a2271f 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-80px}.ruto-auth-brand>*{z-index:1;position:relative}.ruto-login-hero{flex-direction:column;align-items:center;display:flex}.ruto-login-logo-wrap{animation:1.2s cubic-bezier(.22,1,.36,1) forwards loginLogoIn,4s ease-in-out 1.2s infinite loginLogoFloat}.ruto-login-logo{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 24px #e6a2274d);width:200px;height:200px}@media (width>=1024px){.ruto-login-logo{width:280px;height:280px}}.ruto-login-steam{justify-content:center;gap:16px;height:64px;margin-top:-12px;display:flex}.ruto-login-steam span{background:linear-gradient(#e6a22773,#0000);border-radius:50%;width:8px;height:36px;animation:2.4s ease-in-out infinite steamRise;display:block}.ruto-login-steam span:nth-child(2){height:44px;animation-delay:.4s}.ruto-login-steam span:nth-child(3){animation-delay:.8s}@keyframes loginLogoIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes loginLogoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}.ruto-auth-brand .tagline{color:var(--ruto-brand-dark);letter-spacing:.2em;text-transform:uppercase;margin-top:1.25rem;font-size:.85rem;font-weight:500}.ruto-auth-brand .quote{color:var(--ruto-text-muted);max-width:280px;margin-top:2rem;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-style:italic;line-height:1.6}.ruto-auth-form-panel{background:var(--ruto-white);border-left:1px solid #e6a22733;justify-content:center;align-items:center;padding:1.5rem 1.25rem;display:flex;box-shadow:-8px 0 32px #e6a2270f}@media (width>=1024px){.ruto-auth-form-panel{background:linear-gradient(180deg, var(--ruto-white) 0%, #fff9f0 100%);padding:2rem 1.5rem}}.ruto-auth-card{width:100%;max-width:100%}@media (width>=1024px){.ruto-auth-card{max-width:320px}}.ruto-auth-card h3{color:var(--ruto-text);margin:0 0 .25rem;font-family:Cormorant Garamond,serif;font-size:1.75rem}.ruto-auth-card .subtitle{color:var(--ruto-text-muted);margin-bottom:1.75rem;font-size:.9rem}.ruto-field label{color:var(--ruto-text);letter-spacing:.03em;margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.ruto-field input{background:var(--ruto-white);border:1px solid #e6a22759;border-radius:.65rem;width:100%;padding:.7rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.ruto-field input:focus{border-color:var(--ruto-brand);outline:none;box-shadow:0 0 0 3px #e6a22738}.ruto-btn-primary{background:linear-gradient(135deg, var(--ruto-brand) 0%, var(--ruto-brand-dark) 100%);width:100%;color:var(--ruto-white);letter-spacing:.08em;cursor:pointer;border:none;border-radius:.65rem;margin-top:1.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s}.ruto-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #e6a22766}.ruto-btn-secondary{background:var(--ruto-white);width:100%;color:var(--ruto-brand-dark);letter-spacing:.08em;box-sizing:border-box;border:1.5px solid #e6a22773;border-radius:.65rem;justify-content:center;align-items:center;margin-top:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex}.ruto-btn-secondary:hover{background-color:var(--ruto-warm);border-color:var(--ruto-brand);color:var(--ruto-brand-dark);transform:translateY(-1px);box-shadow:0 6px 16px #e6a22726}.ruto-remember{color:var(--ruto-text-muted);align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.ruto-remember input{accent-color:var(--ruto-brand)}.ruto-auth-footer{text-align:center;margin-top:1.25rem;font-size:.8rem}.ruto-auth-footer a{color:var(--ruto-brand-dark);text-underline-offset:2px;text-decoration:underline}.ruto-auth-footer a:hover{color:var(--ruto-brand)}.ruto-error{color:#b91c1c;margin-top:.35rem;font-size:.8rem}.ruto-back-splash{color:var(--ruto-text-muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.8rem;text-decoration:none;display:inline-flex}.ruto-back-splash:hover{color:var(--ruto-brand-dark)}.ruto-auth-minimal{background:radial-gradient(circle at 20% 15%, var(--ruto-brand-soft) 0%, transparent 45%), radial-gradient(circle at 80% 85%, #e6a22714 0%, transparent 40%), linear-gradient(165deg, var(--ruto-white) 0%, var(--ruto-warm) 100%);justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}.ruto-auth-minimal-wrap{text-align:center;width:100%;max-width:420px}.ruto-auth-minimal-logo{margin-bottom:1.5rem;display:inline-block}.ruto-minimal-logo{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 20px #e6a22740);width:100px;height:100px}.ruto-auth-minimal-card{background:var(--ruto-white);text-align:left;border:1px solid #e6a22740;border-radius:1rem;padding:2rem 1.75rem;box-shadow:0 12px 40px #e6a2271a}.ruto-auth-minimal-card h3{color:var(--ruto-text);text-align:center;margin:0 0 .35rem;font-family:Cormorant Garamond,serif;font-size:1.75rem}.ruto-auth-minimal-card .subtitle{color:var(--ruto-text-muted);text-align:center;margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.ruto-auth-minimal-back{color:var(--ruto-text-muted);margin-top:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.ruto-auth-minimal-back:hover{color:var(--ruto-brand-dark)}.ruto-status-success{color:var(--ruto-brand-dark);background:#e6a2271f;border:1px solid #e6a22759;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.45}@media (width<=1023px){.ruto-auth-form-panel{border-top:1px solid #e6a22733;border-left:none;box-shadow:0 -6px 24px #e6a2270f}.ruto-auth-brand{min-height:auto;padding:2rem 1.5rem 1.5rem}.ruto-auth-brand .quote{display:none}.ruto-login-logo{width:160px;height:160px}.ruto-auth-brand .tagline{margin-top:1rem}}