:root{--primary-blue-white:#f0f8ff;--primary-blue-light:#e6f3ff;--primary-sky:#deeeff;--primary-cloud:#f5fafe;--card-white:#fff;--card-white-90:hsla(0,0%,100%,.95);--card-glass:hsla(0,0%,100%,.1);--text-primary:#1e3a5f;--text-secondary:#4a6785;--text-muted:#8b9aad;--text-white:#fff;--accent-blue:#4a90e2;--accent-blue-dark:#3b82c4;--accent-sky:#5ba0f2;--input-bg:#fff;--input-bg-hover:#f5fafe;--input-bg-focus:#fff;--border-light:#e1ecf4;--border-focus:#4a90e2;--bg-gradient:linear-gradient(135deg,#f0f8ff,#e6f3ff 50%,#deeeff);--bg-gradient-reverse:linear-gradient(135deg,#deeeff,#e6f3ff 50%,#f0f8ff);--bg-gradient-soft:linear-gradient(180deg,#fff,#f0f8ff 50%,#e6f3ff);--button-gradient:linear-gradient(90deg,#4a90e2,#5ba0f2);--button-gradient-hover:linear-gradient(90deg,#3b82c4,#4a90e2);--success-color:#51cf66;--success-bg:#e8f8ea;--warning-color:#ffb366;--warning-bg:#fff8f0;--error-color:#ff6b6b;--error-bg:#fff5f5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--input-height:52px;--input-height-sm:44px;--button-height:52px;--button-height-sm:44px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--card-width:450px;--card-padding:48px 40px;--card-padding-mobile:24px 20px;--shadow-xs:0 1px 2px rgba(30,58,95,.05);--shadow-sm:0 4px 6px rgba(30,58,95,.05);--shadow-md:0 8px 24px rgba(30,58,95,.08);--shadow-lg:0 20px 60px rgba(30,58,95,.08);--shadow-xl:0 25px 70px rgba(30,58,95,.12);--shadow-blue:0 8px 24px rgba(74,144,226,.25);--shadow-blue-hover:0 12px 28px rgba(74,144,226,.35);--shadow-focus:0 0 0 3px rgba(74,144,226,.1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:600ms;--duration-slower:800ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-base:1;--z-decoration:5;--z-card:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--z-notification:700}[data-theme=dark]{--primary-blue-white:#0f172a;--primary-blue-light:#1e293b;--primary-sky:#334155;--card-white:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--accent-blue:#60a5fa;--input-bg:#1e293b;--border-light:#334155}@custom-media --mobile (max-width: 767px);@custom-media --tablet (min-width: 768px) and (max-width: 1023px);@custom-media --desktop (min-width: 1024px);@custom-media --wide (min-width: 1440px);.auth-modern-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);position:relative;overflow:hidden}.auth-modern-layout{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:var(--spacing-3xl);padding:var(--spacing-xl);align-items:center}.illustration-modern-section{position:relative;height:600px;display:flex;align-items:center;justify-content:center;animation:fadeInUp var(--duration-slower) var(--ease-out)}.form-modern-section{position:relative;z-index:var(--z-card)}.auth-modern-card{width:100%;max-width:var(--card-width);background:var(--card-white);border-radius:var(--radius-xl);padding:var(--card-padding);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);position:relative;animation:fadeInUp var(--duration-slow) var(--ease-out);transition:all var(--duration-normal) var(--ease-in-out)}.auth-modern-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.auth-modern-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center}.auth-modern-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl)}.input-modern-group{margin-bottom:var(--spacing-lg)}.input-modern-label{display:block;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.input-modern-wrapper{position:relative}.input-modern-field{width:100%;height:var(--input-height);padding:0 var(--spacing-lg);padding-left:var(--spacing-2xl);border:1px solid transparent;border-radius:var(--radius-md);background:var(--input-bg);font-size:var(--font-size-base);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-in-out);outline:none}.input-modern-field::-moz-placeholder{color:var(--text-muted)}.input-modern-field::placeholder{color:var(--text-muted)}.input-modern-field:hover{background:var(--input-bg-hover)}.input-modern-field:focus{background:var(--input-bg-focus);border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.input-modern-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);transition:color var(--duration-normal) var(--ease-in-out)}.input-modern-field:focus~.input-modern-icon{color:var(--accent-blue)}.btn-modern-primary{width:100%;height:var(--button-height);border:none;border-radius:var(--radius-md);background:var(--button-gradient);color:var(--text-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-in-out);box-shadow:var(--shadow-blue)}.btn-modern-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left var(--duration-slow)}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue-hover);background:var(--button-gradient-hover)}.btn-modern-primary:hover:before{left:100%}.btn-modern-primary:active{transform:translateY(0)}.btn-modern-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn-modern-text{color:var(--accent-blue);background:none;border:none;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);text-decoration:none}.btn-modern-text:hover{color:var(--accent-blue-dark);text-decoration:underline}.password-strength-modern{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.strength-modern-item{flex:1;height:3px;background:var(--border-light);border-radius:2px;transition:background var(--duration-normal) var(--ease-in-out)}.strength-modern-item.active.weak{background:var(--error-color)}.strength-modern-item.active.medium{background:var(--warning-color)}.strength-modern-item.active.strong{background:var(--success-color)}.verification-modern-group{display:flex;gap:var(--spacing-md)}.verification-modern-input{flex:1}.btn-modern-send-code{min-width:120px;height:var(--input-height);padding:0 var(--spacing-lg);border:1px solid var(--accent-blue);border-radius:var(--radius-md);background:var(--card-white);color:var(--accent-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-in-out)}.btn-modern-send-code:hover:not(:disabled){background:var(--accent-blue);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-blue)}.btn-modern-send-code:disabled{background:var(--input-bg);border-color:var(--border-light);color:var(--text-muted);cursor:not-allowed;transform:none}.divider-modern{position:relative;margin:var(--spacing-xl) 0;text-align:center}.divider-modern:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.divider-modern span{position:relative;padding:0 var(--spacing-md);background:var(--card-white);color:var(--text-secondary);font-size:var(--font-size-sm)}.third-party-modern{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn-modern-social{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:var(--button-height);padding:0 var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--card-white);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-in-out)}.btn-modern-social:hover{border-color:var(--accent-blue);background:var(--input-bg);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.auth-modern-link{color:var(--accent-blue);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.auth-modern-link:hover{color:var(--accent-blue-dark);text-decoration:underline}.auth-modern-footer{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.remember-modern-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.remember-modern-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);cursor:pointer}.remember-modern-checkbox input[type=checkbox]{width:18px;height:18px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--card-white);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.remember-modern-checkbox input[type=checkbox]:checked{background:var(--button-gradient);border-color:var(--accent-blue)}.agreement-modern-group{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.agreement-modern-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.agreement-modern-checkbox input[type=checkbox]{margin-top:2px;flex-shrink:0}.input-modern-error{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--error-color);animation:shake var(--duration-slow) var(--ease-in-out)}.input-modern-field.error{border-color:var(--error-color);background:var(--error-bg)}.message-modern{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);animation:fadeInUp var(--duration-normal) var(--ease-out)}.message-modern.success{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.message-modern.error{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color)}.floating-modern-element{position:absolute;pointer-events:none;z-index:var(--z-decoration)}.floating-modern-star{animation:twinkle 3s ease-in-out infinite}.floating-modern-cube{animation:float 6s ease-in-out infinite}.floating-modern-sphere{animation:float-reverse 8s ease-in-out infinite}.bg-modern-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1;pointer-events:none;animation:float-slow 10s ease-in-out infinite}.bg-modern-orb-1{top:-20%;right:-10%;width:400px;height:400px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-sky))}.bg-modern-orb-2{bottom:-20%;left:-10%;width:350px;height:350px;background:linear-gradient(135deg,var(--accent-sky),var(--accent-blue));animation-delay:3s}.bg-modern-orb-3{top:50%;left:50%;width:300px;height:300px;background:linear-gradient(135deg,var(--warning-color),var(--error-color));transform:translate(-50%,-50%);animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(20px) rotate(-5deg)}}@keyframes float-slow{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(0) translateX(10px)}75%{transform:translateY(10px) translateX(5px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(107,158,255,.3)}50%{box-shadow:0 0 40px rgba(107,158,255,.6)}}@media (max-width:1199px){.auth-modern-layout{grid-template-columns:1fr;max-width:600px}.illustration-modern-section{height:300px;margin-bottom:var(--spacing-xl)}}@media (max-width:767px){.auth-modern-container{padding:var(--spacing-lg);background:var(--card-white)}.auth-modern-layout{padding:0}.illustration-modern-section{display:none}.auth-modern-card{box-shadow:none;padding:var(--card-padding-mobile);background:var(--card-white)}.auth-modern-title{font-size:var(--font-size-2xl)}.btn-modern-primary{height:var(--button-height-sm)}.input-modern-field{height:var(--input-height-sm)}.third-party-modern{flex-direction:column}.bg-modern-orb{display:none}}@media (prefers-color-scheme:dark){[data-theme=auto]{--primary-blue-white:#0f172a;--card-white:#2a2438;--text-primary:#f0f0f0;--input-bg:#1e1a2e}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}