:root{--input-label-light:#65676B;--input-label-dark:#B0B3B8;--input-text-light:#1C1E21;--input-text-dark:#E4E6EB;--input-underline-light:#BDBDBD;--input-underline-dark:#555;--input-placeholder-light:#9CA3AF;--input-placeholder-dark:#6B7280;--color-primary:#3B82F6;--color-primary-hover:#2563eb;--color-text-main:#1C1E21;--color-text-muted:#65676B;--color-error:#FA383E;--color-success:#16a34a;--color-bg-card:#fff;--color-bg-error:rgba(255,235,233,0.9);--color-bg-hover:#f3f4f6;--color-bg-hover-dark:#23272F;--color-link:#2563eb;--color-link-hover:#1e40af;--primary-light:var(--color-primary);--primary-dark:#8B5CF6;--input-focus-color:var(--primary-light)}.dark{--input-label-light:#65676B;--input-label-dark:#C0C3C8;--input-text-light:#1C1E21;--input-text-dark:#E4E6EB;--input-underline-light:#BDBDBD;--input-underline-dark:#555;--input-placeholder-light:#9CA3AF;--input-placeholder-dark:#6B7280;--color-primary:#8B5CF6;--color-primary-hover:#a78bfa;--color-text-main:#E4E6EB;--color-text-muted:#B0B3B8;--color-error:#FA383E;--color-success:#16a34a;--color-bg-card:#1E1E1E;--color-bg-error:rgba(52,13,13,0.8);--color-link:#a78bfa;--color-link-hover:#c4b5fd;--primary-light:#3B82F6;--primary-dark:var(--color-primary)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 15s ease infinite}@keyframes gradient-x{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.animate-gradient-x{animation:gradient-x 8s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.backdrop-blur-md{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-saturate-150{-webkit-backdrop-filter:saturate(180%);backdrop-filter:saturate(180%)}.card{background:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px rgba(31,38,135,.15)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-radius:10px!important;transition:all .3s ease!important}body,html{overflow-x:hidden;width:100%;position:relative;margin:0;padding:0}.auth-card-back input,.auth-card-front input,.card input,.login-input{outline:none!important;box-shadow:none!important;border-radius:0!important;padding-left:.5rem!important;padding-right:.5rem!important}.absolute.inset-0.bg-gradient-to-br{background:linear-gradient(135deg,#f5faff,#f8f2ff 50%,#fff9f9);opacity:.9}.dark .absolute.inset-0.bg-gradient-to-br{background:linear-gradient(135deg,#0a1525,#13111e 50%,#1a0f1e);opacity:.95}.dark .card{background-color:rgba(12,12,15,.5)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.dark .card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(35,69,117,.1),transparent,rgba(68,39,117,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dark input{background-color:rgba(24,25,26,.8)!important;border-color:rgba(58,59,60,.8)!important}.input-material-group{position:relative;padding-top:1.25rem;margin-bottom:1.25rem}.input-material-group input::placeholder{font-size:.85rem!important;color:var(--input-placeholder-light)}.dark .input-material-group input::placeholder{color:var(--input-placeholder-dark)}.btn-primary{background-color:var(--primary-light)}.dark .btn-primary{background-color:var(--primary-dark)}.link-primary{color:var(--primary-light)}.dark .link-primary{color:var(--primary-dark)}.btn-primary:hover{filter:brightness(90%)}.link-primary:hover{filter:brightness(80%)}.input-material-group:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:var(--input-focus-color);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .2s}.input-material-group.match:after{background-color:#22c55e!important}.input-material-group.no-match:after{background-color:#ef4444!important}.input-material-group.has-value:after{display:none!important}.input-material-group input:focus::placeholder{color:transparent}.dark .input-material-group input:focus,.input-material-group input:focus{border-bottom-color:transparent}.input-material-group:focus-within label{color:var(--input-focus-color)}.dark .input-material-group:focus-within label{color:var(--input-focus-color)}.dark{--input-focus-color:var(--primary-dark)}.input-material-group:focus-within:after{transform:scaleX(1)}.input-material-group label{position:absolute;top:0;left:0;font-size:.95rem;font-weight:400;color:var(--input-label-light);transition:color .2s ease-out;pointer-events:none}.dark .input-material-group label{color:var(--input-label-dark)}.input-material-group input{display:block;width:100%;border:none;border-bottom:1px solid var(--input-underline-light);padding:.4rem 0 .3rem;background-color:transparent!important;outline:none;transition:border-color .2s ease-out;color:var(--input-text-light);font-size:.95rem;line-height:1.5}.dark .input-material-group input{border-bottom-color:var(--input-underline-dark);color:var(--input-text-dark)}.brand-logo{font-size:2.5rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-light);transition:color .2s;font-family:Segoe UI,Arial,sans-serif;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--primary-light) 0,var(--primary-light) 47%,rgba(255,255,255,.5) 50%,var(--primary-light) 53%,var(--primary-light) 100%);background-size:300% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logo-text-shine 5s linear infinite}body.dark .brand-logo,html.dark .brand-logo{color:var(--primary-dark);background:linear-gradient(120deg,var(--primary-dark) 0,var(--primary-dark) 47%,rgba(255,255,255,.8) 50%,var(--primary-dark) 53%,var(--primary-dark) 100%);background-size:300% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes logo-text-shine{0%{background-position:100% 0}to{background-position:0 0}}.brand-logo:after{display:none!important}.auth-card-flip{perspective:1200px;width:100%;max-width:430px;min-height:600px;position:relative}.auth-card-inner{width:100%;height:100%;position:relative;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.auth-card-flip.flipped .auth-card-inner{transform:rotateY(180deg)}.auth-card-back,.auth-card-front{width:100%;min-height:600px;position:absolute;top:0;left:0;backface-visibility:hidden;z-index:1;display:flex;flex-direction:column;justify-content:center}.auth-card-back{transform:rotateY(180deg);z-index:2}@media (max-width:600px){.auth-card-back,.auth-card-flip,.auth-card-front{min-height:480px;max-width:98vw}}.login-error{background:var(--color-bg-error);color:var(--color-error);padding:.75rem;border-radius:.5rem;font-size:.85rem;font-weight:500;box-shadow:0 2px 8px rgba(31,38,135,.07);margin-bottom:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .5s ease-out forwards}.dark .login-error{background:rgba(52,13,13,.8);color:var(--color-error)}.login-resend-link{text-decoration:underline;color:var(--color-link);cursor:pointer;transition:color .2s}.login-resend-link:hover{color:var(--color-link-hover)}.dark .login-resend-link{color:var(--color-link)}.dark .login-resend-link:hover{color:var(--color-link-hover)}.login-resend-success{color:var(--color-success);margin-top:.25rem;text-align:center}.login-resend-error{color:#dc2626;margin-top:.25rem;text-align:center}.login-label{color:var(--input-text-light)}.dark .login-label{color:var(--input-text-dark)}.login-input::placeholder{color:var(--input-placeholder-light)}.dark .login-input::placeholder{color:var(--input-placeholder-dark)}.dark .login-checkbox,.login-checkbox{accent-color:var(--color-primary)}.dark .login-card-text,.login-card-text{color:var(--color-text-muted)}.btn-primary{background:var(--color-primary);color:#fff;font-weight:500}.btn-primary:hover{background:var(--color-primary-hover)}.dark .btn-primary{background:var(--color-primary)}.dark .btn-primary:hover{background:var(--color-primary-hover)}.login-card-title{margin-bottom:1.25rem!important}.dark .login-card-title,.login-card-title{color:var(--color-text-main)}.activation-message{font-size:.875rem;font-weight:400;border-radius:.5rem;padding:.5rem 1.25rem;margin-bottom:1.25rem;margin-top:.5rem;box-shadow:0 2px 8px rgba(31,38,135,.07);text-align:center;max-width:28rem;width:100%}.activation-message.success{background:var(--color-bg-success,#d1fae5);color:var(--color-success,#16a34a)}.activation-message.error{background:var(--color-bg-error,#fee2e2);color:var(--color-error,#dc2626)}.activation-message.info{background:var(--color-bg-info,#dbeafe);color:var(--color-info,#2563eb)}.dark .activation-message.success{background:var(--color-bg-success-dark,#14532d);color:var(--color-success-dark,#6ee7b7)}.dark .activation-message.error{background:var(--color-bg-error-dark,#7f1d1d);color:var(--color-error-dark,#fca5a5)}.dark .activation-message.info{background:var(--color-bg-info-dark,#1e3a8a);color:var(--color-info-dark,#93c5fd)}.social-login-top-space{margin-top:2.5rem}.brand-logo,.card .card-header{margin-bottom:.5rem!important}.login-card-title{margin-bottom:.25rem!important}.social-login-icons{margin-top:.5rem}.social-login-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;border:1px solid var(--color-bg-card,#e5e7eb);background:var(--color-bg-card,#fff);transition:background .2s;box-shadow:0 1px 4px rgba(0,0,0,.06)}.dark .social-login-btn{background:var(--color-bg-card,#23272F);border-color:var(--color-bg-card,#444)}.social-login-btn:hover{background:var(--color-bg-hover,#f3f4f6)}.dark .social-login-btn:hover{background:var(--color-bg-hover-dark,#23272F);filter:brightness(1.15)}