html,body{background-color:#f4f6f8;margin:0;padding:0;font-family:Roboto,sans-serif}a{text-decoration:none}section{padding:80px 0}.scpsf-loader{z-index:9999;background:linear-gradient(135deg,#020617,#0f172a,#020617);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-box{text-align:center;color:#fff;z-index:2;max-width:600px;animation:1s fadeIn;position:relative}.sun{z-index:1;background:radial-gradient(circle,#fde047 0%,#fb923c 35%,#f97316 55%,#ff8c00b3 70%,#0000 90%);border-radius:50%;width:340px;height:340px;animation:2.4s ease-out forwards sunRise,1.6s 2.4s forwards sunSettle,5s ease-in-out infinite sunGlow;position:absolute;bottom:-350px;box-shadow:0 0 160px #ffc800e6,0 0 260px #ffa000b3}@keyframes sunRise{0%{opacity:0;transform:translateY(500px)scale(1.8)}60%{opacity:1}to{transform:translateY(-40px)scale(1)}}@keyframes sunSettle{0%{transform:translateY(-40px)scale(1)}to{transform:translateY(0)scale(.35)}}@keyframes sunGlow{0%,to{box-shadow:0 0 160px #ffc800e6,0 0 260px #ffa000b3}50%{box-shadow:0 0 200px #ffd200,0 0 320px #ffaa00e6}}.logo-pulse{color:#38bdf8;margin-bottom:20px;font-size:48px;font-weight:700;animation:2s infinite pulse}.loader-title{font-size:24px;font-weight:600;line-height:1.4}.loader-subtitle{opacity:.7;margin-top:10px}.progress-bar{background:#ffffff1a;border-radius:20px;width:320px;height:6px;margin-top:30px;margin-left:auto;margin-right:auto;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#38bdf8,#06b6d4);height:100%;transition:width .3s}.water{z-index:1;background:linear-gradient(#38bdf8f2,#06b6d4f2,#3b82f6f2);width:100%;height:200%;position:absolute;bottom:-100%;left:0;overflow:hidden}.waterStart{animation:2s ease-out forwards waterFill,4s ease-in-out 2s infinite waterWave}@keyframes waterFill{0%{bottom:-100%}to{bottom:0%}}@keyframes waterWave{0%{transform:translateY(0)}50%{transform:translateY(-8%)}to{transform:translateY(0)}}.water:before{content:"";background:#ffffff59;border-radius:50%;width:200%;height:16px;animation:2s linear infinite waveMove;position:absolute;top:-8px;left:-50%}.water:after{content:"";opacity:.7;background:#fff;border-radius:50%;width:6px;height:6px;animation:4s linear infinite bubbleRise;position:absolute;bottom:-20px;left:50%;box-shadow:-12px -30px 0 1px #ffffff80,10px -60px 0 1px #fff9,-8px -90px 0 1px #fff6,14px -120px 0 1px #ffffff80}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bubbleRise{0%{opacity:.6;transform:translateY(0)}to{opacity:0;transform:translateY(-140px)}}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.auth-container{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);justify-content:center;align-items:center;min-height:100vh;font-family:system-ui;display:flex}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:12px;width:420px;padding:40px;box-shadow:0 10px 40px #0006}.auth-title{text-align:center;color:#fff;margin-bottom:30px}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;display:flex}.input-group label{color:#d1d5db;margin-bottom:5px;font-size:14px}.input-group input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;padding:12px 14px;font-size:14px;transition:all .25s}.input-group input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e566}.auth-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:12px;font-weight:600;transition:all .2s}.auth-button:hover{background:#4338ca}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#ff6b6b;font-size:13px}