@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=DM+Sans:wght@400;500;600&display=swap";
@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.08)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #22d3ee59}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow-border{0%,to{border-color:#22d3ee4d}50%{border-color:#8b5cf680}}@keyframes particle-float{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-120px)translate(40px)}}@keyframes loading-dots{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.login-page{background:radial-gradient(at 0 0,#22d3ee0f,#0000 38%),radial-gradient(at 100% 100%,#8b5cf612,#0000 40%),#020817;justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.login-overlay{background:radial-gradient(80% 60% at 20% 80%,#8b5cf62e 0%,#0000 60%),radial-gradient(70% 50% at 80% 20%,#22d3ee24 0%,#0000 60%),#020712b8;animation:1s forwards fade-in;position:absolute;inset:0}.login-orb{filter:blur(60px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.login-orb-1{background:radial-gradient(circle,#22d3ee38,#0000 70%);width:380px;height:380px;animation:14s ease-in-out infinite float-orb;top:-80px;right:-80px}.login-orb-2{background:radial-gradient(circle,#8b5cf62e,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite reverse float-orb;bottom:-120px;left:-100px}.login-orb-3{background:radial-gradient(circle,#22d3ee1f,#0000 70%);width:200px;height:200px;animation:22s ease-in-out 4s infinite float-orb;top:40%;left:30%}.login-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-particle{background:#22d3ee99;border-radius:50%;width:3px;height:3px;animation:linear infinite particle-float;position:absolute}.login-container{z-index:10;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex;position:relative}.login-box{width:100%;max-width:430px}.login-heading{text-align:center;margin-bottom:24px;animation:.7s .1s both fade-up}.login-title{color:#fff;letter-spacing:-.03em;background:linear-gradient(120deg,#fff 30%,#22d3ee 50%,#8b5cf6 65%,#fff 80%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:900;line-height:1.05;animation:.7s .1s both fade-up,5s linear 1s infinite shimmer}.login-subtitle{color:#fff9;margin:10px 0 0;font-size:.95rem;line-height:1.5}.login-card{-webkit-backdrop-filter:blur(24px);background:#080d1ac7;border:1px solid #ffffff17;border-radius:24px;padding:30px 28px;animation:.7s .2s both fade-up;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 30px 80px #00000080,0 0 60px #22d3ee0a}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#22d3ee80,#8b5cf680,#0000);height:1px;animation:4s ease-in-out infinite glow-border;position:absolute;top:0;left:10%;right:10%}.login-card:after{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");border-radius:24px;position:absolute;inset:0}.login-providers{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.login-providers-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-providers-row--after{margin-top:2px;animation:.5s .56s both fade-up}.login-provider-btn{color:#ffffffe0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.login-provider-btn:before{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff14 50%,#0000 60%) 200%/200% 100%;border-radius:999px;transition:background-position .4s;position:absolute;inset:0}.login-provider-btn:hover:before{background-position:-200%}.login-provider-btn:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.login-provider-btn:active{transform:translateY(0)}.login-provider-btn svg{flex-shrink:0;width:17px;height:17px}.login-divider{color:#ffffff52;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;margin-bottom:22px;font-size:.78rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);flex:1;height:1px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;animation:.5s both fade-up;display:flex}.login-field:first-child{animation-delay:.35s}.login-field:nth-child(2){animation-delay:.42s}.login-label{color:#fff9;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.login-input-wrap{position:relative}.login-input{color:#fff;box-sizing:border-box;background:#00000061;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;height:50px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.login-input::placeholder{color:#ffffff38}.login-input:focus{background:#0000008c;border-color:#22d3ee8c;box-shadow:0 0 0 3px #22d3ee14,0 0 20px #22d3ee14}.login-pw-toggle{cursor:pointer;color:#ffffff59;background:0 0;border:none;align-items:center;padding:4px;transition:color .18s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-pw-toggle:hover{color:#ffffffbf}.login-input.has-toggle{padding-right:48px}.login-forgot{text-align:right;margin-top:2px}.login-forgot a{color:#c4b5fd;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .18s,opacity .18s}.login-forgot a:hover{color:#a78bfa;text-decoration:underline}.login-error{color:#fca5a5;background:#ef444412;border:1px solid #ef44442e;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:.84rem;font-weight:600;animation:.3s both fade-up;display:flex}.login-submit{color:#fff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(90deg,#22d3ee 0%,#8b5cf6 100%) 0 0/200%;border:none;border-radius:999px;width:100%;height:52px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .18s,box-shadow .2s,background-position .4s;animation:.5s .5s both fade-up;position:relative;overflow:hidden}.login-submit:before{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%) 200%/200% 100%;border-radius:999px;transition:background-position .5s;position:absolute;inset:0}.login-submit:hover:before{background-position:-200%}.login-submit:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 10px 30px #22d3ee4d,0 0 0 1px #22d3ee33}.login-submit:active:not(:disabled){box-shadow:none;transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit-loading{justify-content:center;align-items:center;gap:5px;display:inline-flex}.login-submit-loading span{background:#ffffffe6;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite loading-dots;display:inline-block}.login-submit-loading span:nth-child(2){animation-delay:.16s}.login-submit-loading span:nth-child(3){animation-delay:.32s}.login-footer{text-align:center;color:#fff9;margin-top:22px;font-size:.9rem;animation:.5s .6s both fade-up}.login-footer a{color:#c4b5fd;font-weight:700;text-decoration:none;transition:color .18s,opacity .18s;position:relative}.login-footer a:after{content:"";transform-origin:0;background:#c4b5fd;height:1px;transition:transform .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.login-footer a:hover:after{transform:scaleX(1)}@media (max-width:480px){.login-card{padding:22px 18px}.login-providers-row{grid-template-columns:1fr}}