@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);position:relative;overflow:hidden;padding:2rem}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:50px 50px;animation:grid-flow 20s linear infinite;pointer-events:none;z-index:1}@keyframes grid-flow{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particles-container{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.particle{position:absolute;bottom:-20px;animation:float-up linear forwards;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}@keyframes float-up{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh) rotate(360deg);opacity:0}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float-orb 8s ease-in-out infinite;z-index:0}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(147,51,234,.6) 0%,transparent 70%);top:50%;right:-10%;animation-delay:2s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(236,72,153,.5) 0%,transparent 70%);bottom:-10%;left:40%;animation-delay:4s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-content{position:relative;z-index:10;width:100%;max-width:420px}.brand-section{text-align:center;margin-bottom:2.5rem}.logo-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-circle{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#9333ea33);border:2px solid rgba(59,130,246,.5);border-radius:50%;box-shadow:0 0 30px #3b82f666,inset 0 0 20px #3b82f61a;animation:logo-rotate 10s linear infinite}@keyframes logo-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brain-mail-morph{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.logo-icon{position:absolute;color:#fff;filter:drop-shadow(0 0 15px rgba(59,130,246,.8))}.brain-icon{animation:brain-fade 4s ease-in-out infinite}.mail-icon{animation:mail-fade 4s ease-in-out infinite}@keyframes brain-fade{0%,45%{opacity:1;transform:scale(1) rotate(0)}50%,95%{opacity:0;transform:scale(.8) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes mail-fade{0%,45%{opacity:0;transform:scale(.8) rotate(-180deg)}50%,95%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.8) rotate(180deg)}}.logo-pulse{position:absolute;inset:-10px;border:2px solid rgba(59,130,246,.6);border-radius:50%;animation:pulse-ring 3s ease-out infinite}.ring-2{animation-delay:1s;border-color:#9333ea80}.ring-3{animation-delay:2s;border-color:#ec489966}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.brand-title{font-size:3.5rem;font-weight:800;margin:0 0 .75rem;letter-spacing:-.05em;display:flex;align-items:center;justify-content:center;gap:1rem}.gradient-text-glow{background:linear-gradient(135deg,#60a5fa,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(59,130,246,.5)) drop-shadow(0 0 40px rgba(147,51,234,.3))}@keyframes glow-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(59,130,246,.5))}50%{filter:brightness(1.3) drop-shadow(0 0 30px rgba(147,51,234,.7))}}.separator{color:#60a5fa80;font-size:2rem}.brand-subtitle{color:#bfdbfee6;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.feature-tags{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.feature-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:1rem;color:#bfdbfef2;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 0 15px #3b82f633}.feature-tag:hover{transform:translateY(-2px);background:#3b82f640;box-shadow:0 0 25px #3b82f666}.login-card{background:#0f172a99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(59,130,246,.3);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 60px #0006,0 0 60px #3b82f626,inset 0 1px #ffffff1a;animation:card-float 6s ease-in-out infinite}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-header{text-align:center;margin-bottom:2rem}.card-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 0 20px rgba(59,130,246,.5)}.card-subtitle{color:#bfdbfecc;font-size:.95rem;margin:0}.error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:.75rem;color:#fca5a5;margin-bottom:1.5rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{color:#bfdbfef2;font-size:.875rem;font-weight:600;letter-spacing:.025em}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#60a5fab3;pointer-events:none;z-index:2}.form-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#1e293b99;border:1px solid rgba(59,130,246,.3);border-radius:.75rem;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus{outline:none;border-color:#3b82f6cc;background:#1e293bcc;box-shadow:0 0 0 3px #3b82f626,0 0 30px #3b82f64d}.form-input::placeholder{color:#94a3b880}.toggle-password{position:absolute;right:1rem;background:none;border:none;color:#94a3b8b3;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .3s ease}.toggle-password:hover{color:#60a5fa}.checkbox-group{display:flex;align-items:center;gap:.75rem}.form-checkbox{width:1.125rem;height:1.125rem;border:2px solid rgba(59,130,246,.5);border-radius:.375rem;background:#1e293b99;cursor:pointer;transition:all .3s ease}.form-checkbox:checked{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6}.checkbox-label{color:#bfdbfee6;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.submit-button{position:relative;width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #3b82f64d,0 0 60px #3b82f633}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #3b82f680,0 0 80px #3b82f64d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.button-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.75rem}.button-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-footer{margin-top:2rem;text-align:center}.footer-text{color:#94a3b8cc;font-size:.875rem;margin:0}.footer-link{color:#60a5fa;font-weight:600;cursor:pointer;transition:color .3s ease}.footer-link:hover{color:#93c5fd;text-decoration:underline}@media(max-width:640px){.login-container{padding:1rem}.brand-title{font-size:2.5rem}.login-card{padding:1.75rem}.logo-circle{width:90px;height:90px}.brain-mail-morph{width:45px;height:45px}.logo-icon{width:36px;height:36px}}