:root{--primary-color:#930606;--primary-light:#9306061a;--primary-dark:#7a0505;--background-light:#f0f0f0;--background-dark:#221010;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--emerald-600:#059669;--yellow-500:#eab308;--primary-gradient:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);--primary-gradient-light:linear-gradient(135deg,#930606cc 0%,#7a0505e6 100%);--glass-gradient:linear-gradient(135deg,#221010b3 0%,#000c 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px 20px #00000040;--shadow-primary:0 10px 30px #9306064d;--shadow-primary-hover:0 15px 40px #93060680;--glass-bg:#221010d9;--glass-border:#93060633;--glass-border-light:#9306061a;--transition-fast:all .2s cubic-bezier(.4,0,.2,1);--transition-base:all .3s cubic-bezier(.4,0,.2,1);--transition-slow:all .5s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-dark);color:var(--white);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.login-container{background:var(--background-dark);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.background-circle{background:var(--primary-light);filter:blur(60px);opacity:.3;border-radius:50%;position:absolute}.login-glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:480px;box-shadow:var(--shadow-2xl);z-index:10;border-radius:24px;padding:48px;position:relative;overflow:hidden}.login-glass-card:before{content:"";background:var(--primary-gradient);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:40px;position:relative}.company-name{background:linear-gradient(45deg,var(--white),var(--gray-300));-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.75rem;font-weight:800;line-height:1.2}.login-subtitle{color:var(--gray-400);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:.875rem;font-weight:500}.login-form{flex-direction:column;gap:28px;display:flex}.input-group{width:100%;position:relative}.input-label{color:var(--gray-300);transition:var(--transition-base);margin-bottom:8px;padding-left:4px;font-size:.875rem;font-weight:500;display:block}.input-container{width:100%;position:relative}.input-field{border:2px solid var(--glass-border-light);width:100%;color:var(--white);transition:var(--transition-base);box-shadow:var(--shadow-md);background:#ffffff0d;border-radius:16px;outline:none;padding:18px 20px 18px 56px;font-size:1rem;font-weight:400}.input-field::placeholder{color:var(--gray-500);font-weight:400}.input-field:hover{border-color:var(--primary-light);background:#ffffff14}.input-field:focus{border-color:var(--primary-color);box-shadow:var(--shadow-primary);background:#ffffff1a;transform:translateY(-2px)}.input-icon{color:var(--primary-color);transition:var(--transition-base);z-index:2;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.input-field:focus+.input-icon{color:var(--white);transform:translateY(-50%)scale(1.1)}.password-toggle{color:var(--gray-400);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:20px}.password-toggle:hover{color:var(--white);background:#ffffff0d}.login-button{background:var(--primary-gradient);color:var(--white);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-primary);letter-spacing:.025em;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:18px 32px;font-size:1.125rem;font-weight:600;display:flex;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.login-button:hover{box-shadow:var(--shadow-primary-hover);transform:translateY(-3px)}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.secondary-actions{justify-content:space-between;gap:16px;margin-top:32px;display:flex}.secondary-button{color:var(--gray-300);border:1px solid var(--glass-border-light);cursor:pointer;transition:var(--transition-base);letter-spacing:.025em;background:#ffffff0d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.875rem;font-weight:500;display:flex}.secondary-button:hover{color:var(--white);border-color:var(--primary-light);background:#ffffff1a;transform:translateY(-2px)}.divider{color:var(--gray-600);align-items:center;margin:32px 0;font-size:.875rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,transparent,var(--gray-700),transparent);flex:1;height:1px}.divider span{background:var(--glass-bg);z-index:1;padding:0 20px}.social-login{justify-content:center;gap:16px;display:flex}.social-button{border:1px solid var(--glass-border-light);cursor:pointer;width:56px;height:56px;transition:var(--transition-base);color:var(--gray-400);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-button:hover{color:var(--white);border-color:var(--primary-light);background:#ffffff1a;transform:translateY(-3px)scale(1.1)}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%) 0 0/1000px 100%;animation:2s linear infinite shimmer}@media (max-width:640px){.login-glass-card{margin:0 16px;padding:32px 24px}.company-name{font-size:2.25rem}.secondary-actions{flex-direction:column}.social-button{width:52px;height:52px}}@media (min-width:641px) and (max-width:1024px){.login-glass-card{max-width:440px;padding:40px 32px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-dark)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background:var(--primary-light);color:var(--white)}