*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow-x:hidden;overflow-y:auto}body{font-family:Barlow,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 30% 40%,#1b3b6f,#050b1a 70%)}.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;width:100%;overflow-x:hidden}.app-shell__content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.futvalia-login-screen{--bg: #050B1A;--blue: #1E90FF;--orange: #F59E0B;--px: 50%;--py: 50%;height:100%;width:100%;padding:12px;background:radial-gradient(circle at 30% 40%,#1b3b6f,#050b1a 70%)}.layout{display:block;position:relative;height:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#050b1a;box-shadow:0 20px 60px #00000080}.hero{position:relative;width:100%;height:100%;overflow:hidden;padding:clamp(28px,4vw,56px);display:flex;align-items:flex-end;isolation:isolate;-webkit-mask-image:linear-gradient(to right,#000 72%,#0000);mask-image:linear-gradient(to right,#000 72%,#0000);z-index:1}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#050b1abf,#050b1ae6 60%,#050b1a);z-index:1}.hero-ai-noise{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none;opacity:.36;background:radial-gradient(480px circle at 22% 32%,rgba(30,144,255,.2),transparent 58%),radial-gradient(520px circle at 78% 72%,rgba(87,126,201,.16),transparent 60%),radial-gradient(340px circle at 52% 52%,rgba(245,158,11,.09),transparent 66%);transform:translate3d(calc(var(--mx, 0px) * .32),calc(var(--my, 0px) * .32),0);animation:aiFieldShift 8s ease-in-out infinite alternate}.hero-glow,.hero-grid{display:none}.robot{position:absolute;left:0;bottom:0;width:100%;height:100%;transform:none;will-change:transform;z-index:0}.robot-shell{position:absolute;top:0;right:0;bottom:0;left:0;animation:none;transform:none}.robot-shell:after{content:none}.robot-image{width:100%;height:110%;object-fit:cover;transform:translate(-15%);opacity:.85;filter:saturate(.85) contrast(.95) brightness(.9);-webkit-user-select:none;user-select:none}.hero-ball{display:none}.text{position:absolute;left:6%;bottom:18%;max-width:380px;z-index:2}.hero-kicker{display:none}.text h1{margin:0;font-size:34px;font-weight:600;color:#fff;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.85)}.text p{margin-top:10px;font-size:15px;color:#c9d4f0}.login-box-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,44px);background:transparent;pointer-events:none}.login-box{width:min(100%,460px);position:relative;z-index:5;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#141e3c99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #00000073;padding:clamp(22px,2.4vw,34px);pointer-events:auto;animation:loginEntrance .56s cubic-bezier(.2,.7,.2,1) both,loginFloat 5.8s ease-in-out .7s infinite}.login-box:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:.62;background:radial-gradient(180px circle at var(--px) var(--py),rgba(59,130,246,.24),rgba(59,130,246,0) 72%);transition:opacity .22s ease}.login-box:hover:before{opacity:.82}.login-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fff0 24%,#ffffff29,#fff0 76%);transform:translate(-135%);animation:panelSweep 6s ease-in-out 1.1s infinite}.login-box h2{margin:0 0 14px;color:#f1f6ff;font-size:30px;letter-spacing:-.02em}.login-alert{margin-bottom:12px;border-radius:12px;border:1px solid rgba(251,113,133,.45);background:#7f1d1d66;color:#fecaca;padding:11px 13px;font-size:14px}.login-form{display:grid;gap:10px}.login-form label{color:#dfeaffeb;font-size:13px;font-weight:520}.login-form input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#070f23c7;color:#eaf2ff;padding:12px 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.login-form input::placeholder{color:#b1c0e0a6}.login-form input:focus{border-color:#1e90ffd9;box-shadow:0 0 0 4px #1e90ff33}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#b1c0e0e6;width:32px;height:32px;border-radius:8px;cursor:pointer}.password-toggle:hover{background:#ffffff14;color:#eaf2ff}.login-button{margin-top:6px;border:0;border-radius:12px;color:#fff;font-weight:650;font-size:15px;padding:13px 16px;background:linear-gradient(105deg,#1e90ff,#3a8fff 52%,#f59e0b);box-shadow:0 12px 26px #070a1e75;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:ctaBreath 2.8s ease-in-out infinite}.login-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0b102a85;filter:brightness(1.04)}.login-button:disabled{opacity:.65;cursor:not-allowed;transform:none;animation:none}.forgot-link{margin-top:14px;background:transparent;border:0;color:#b7ceffe0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:13px;padding:0}.forgot-link:hover{color:#dce9ff}@keyframes aiFieldShift{0%{transform:translate3d(calc(var(--mx, 0px) * .32),calc(var(--my, 0px) * .32),0) scale(1)}to{transform:translate3d(calc(var(--mx, 0px) * -.22),calc(var(--my, 0px) * .18),0) scale(1.04)}}@keyframes loginEntrance{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes panelSweep{0%,74%{transform:translate(-135%);opacity:0}80%{opacity:.72}to{transform:translate(135%);opacity:0}}@keyframes ctaBreath{0%,to{box-shadow:0 12px 26px #070a1e75}50%{box-shadow:0 15px 32px #09102a85}}@media (prefers-reduced-motion: reduce){.hero-ai-noise,.login-button,.login-box,.login-box:after{animation:none}}@media (max-width: 980px){.hero{min-height:260px;-webkit-mask-image:none;mask-image:none}}@media (max-width: 760px){.futvalia-login-screen{padding:0}.layout{border-radius:0;border:0;box-shadow:none}.hero{display:none}.login-box-wrap{padding:24px 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}