*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2f7bff;--primary-hover: #1d4ed8;--primary-soft: #eaf2ff;--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--danger: #ef4444;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 18px 45px rgba(16, 24, 40, .12)}body{font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top,rgba(47,123,255,.08),transparent 35%),var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-container{width:500px;max-width:100%;height:500px;background:var(--card);border-radius:18px;display:grid;overflow:hidden;border:1px solid rgba(226,232,240,.95);box-shadow:var(--shadow);background-image:linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");background-blend-mode:normal,overlay;animation:cardEnter .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}.auth-left>*{animation:fadeUp .6s ease forwards;opacity:0}.auth-left>*:nth-child(1){animation-delay:.05s}.auth-left>*:nth-child(2){animation-delay:.12s}.auth-left>*:nth-child(3){animation-delay:.18s}.auth-left>*:nth-child(4){animation-delay:.24s}.auth-left>*:nth-child(5){animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-left{padding:48px 52px}.brand{font-size:20px;font-weight:600;margin-bottom:20px}.brand span{color:var(--primary)}.auth-left h2{font-size:26px;font-weight:600;margin-bottom:14px}.socials{display:flex;justify-content:center;gap:14px;margin-bottom:12px}.social-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;font-weight:600;font-size:14px;color:#4a5568;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.social-btn:hover{background:#f7fafc;transform:translateY(-2px) scale(1.08);box-shadow:0 10px 22px #0000002e}.social-btn:active{transform:scale(.96)}body.page-loading{pointer-events:none}body.page-loading .auth-container{animation:pageOut .6s ease forwards}@keyframes pageOut{to{opacity:0;transform:translateY(-20px) scale(.97)}}.or-text{text-align:center;font-size:13px;color:var(--muted);margin:10px 0 22px}.input-wrapper{margin-bottom:14px}.input-wrapper input{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);font-size:14px}.form-options{text-align:right;font-size:13px;margin:6px 0 22px}.form-options a{color:var(--muted);text-decoration:none}.login-btn{width:100%;height:44px;border:none;border-radius:5px;background:linear-gradient(180deg,var(--primary),var(--primary-hover));color:#fff;font-weight:600;cursor:pointer;letter-spacing:.04em;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.login-btn:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:translateY(-1.5px);box-shadow:0 12px 30px #2f7bff47}.login-btn.loading{opacity:.75;pointer-events:none}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2f7bff2e}.btn-loader{position:absolute;width:18px;height:18px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:spin 1s linear infinite}.login-btn.loading .btn-text{opacity:0}.login-btn.loading .btn-loader{opacity:1}.error-message{margin-top:10px;font-size:13px;color:var(--danger);min-height:18px}.login-legal{margin-top:10px;font-size:12px;line-height:1.35;text-align:center;color:var(--muted)}.login-legal a{color:var(--primary-hover);font-weight:600;text-decoration:none}.login-legal a:hover{text-decoration:underline}.ghost-btn{align-self:center;padding:12px 36px;border-radius:22px;border:1.5px solid #fff;background:transparent;color:#fff;font-weight:600;letter-spacing:.04em;cursor:pointer}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:900px){.auth-container{grid-template-columns:1fr;height:auto}}.social-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.social-btn svg{width:18px;height:18px}.social-btn:hover{background:#f7fafc;transform:translateY(-1px)}.brand{display:flex;align-items:baseline;gap:6px;margin-bottom:28px;animation:brandFade .9s ease forwards}.brand-main{font-size:34px;font-weight:700;letter-spacing:-.04em;color:#1f2937}.brand-accent{font-size:34px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#2f7bff,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-accent{filter:drop-shadow(0 2px 8px rgba(47,123,255,.22))}@keyframes brandFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.parallax-panel{position:relative;overflow:hidden}.parallax-content{position:relative;z-index:2;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.parallax-panel:before,.parallax-panel:after{content:"";position:absolute;border-radius:50%;background:#ffffff2e;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.parallax-panel:before{width:320px;height:320px;top:-90px;right:-90px}.parallax-panel:after{width:220px;height:220px;bottom:-70px;left:-70px}.password-wrap{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;opacity:.6;padding:0}.password-toggle svg{width:18px;height:18px;fill:var(--muted)}#eyeClose{display:none}.parallax-content{position:relative;z-index:2;animation:panelFadeIn 1s cubic-bezier(.2,.8,.2,1) both}.parallax-content h2{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-bottom:14px;text-shadow:0 10px 30px rgba(0,0,0,.18)}.parallax-content p{font-size:16px;line-height:1.6;opacity:.95;margin-bottom:34px}.parallax-content p br+text,.parallax-content p{text-shadow:0 6px 18px rgba(0,0,0,.15)}.ghost-btn{align-self:center;padding:14px 44px;border-radius:999px;border:1.5px solid rgba(255,255,255,.85);background:#ffffff0d;color:#fff;font-weight:600;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.ghost-btn:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 14px 40px #00000040,inset 0 0 0 999px #ffffff08}.ghost-btn:active{transform:scale(.97)}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.turnstile-wrap{margin:10px 0 16px;display:flex;justify-content:center}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.brand-row .brand{margin-bottom:0}.lang-switch{display:inline-flex;align-items:center;gap:8px}.lang-btn{min-width:92px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s,border-color .2s;box-shadow:none}.lang-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #10182814}.lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:none}.lang-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2f7bff2e}@media(max-width:560px){.auth-left{padding:28px 20px}.brand-row{flex-direction:column;align-items:stretch}.lang-switch{width:100%}.lang-btn{flex:1 1 0;min-width:0}}