:root{--auth-accent:#1161ee;--auth-accent-hover:#0d4dc9;--auth-bg-dark:#0f172a;--auth-card-bg:#1e293bf2;--auth-input-bg:#ffffff0f;--auth-input-border:#ffffff1f;--auth-text-primary:#f8fafc;--auth-text-secondary:#94a3b8;--auth-success:#22c55e;--auth-error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.signin-page{background:linear-gradient(135deg,#051426c7,#0e415b94),url(https://scontent.fnbo19-1.fna.fbcdn.net/v/t39.30808-6/753707332_122106214293399272_8238312566966134463_n.jpg?stp=dst-jpg_tt6&cstp=mx506x900&ctp=s506x900&_nc_cat=107&_nc_map=urlgen_bucketless&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeH01q-qgMdPHMyHb0RQphjmOedqum1mEA8552q6bWYQD7zUDu8cAWvEeiCauhvFddEEeXboA5cHcJk0-QH-28aC&_nc_ohc=26GR8mdn9rcQ7kNvwFMGBSr&_nc_oc=AdqVmZZROHoE5TwiHpinuHb-jU62A13AqnT7XYP5OUJfv9sFiautSRgfKcGwZGAIFCY&_nc_zt=23&_nc_ht=scontent.fnbo19-1.fna&_nc_gid=EKJf7i1MfF0hMaboIt0IEg&_nc_ss=7b2a8&oh=00_AQGKpELwj8iQNQT0SnRvg2zV17tUxjFQ_RfRv9hvmMh_4g&oe=6A8FD2AA) 50%/cover no-repeat}.signin-page:before{content:"";background:radial-gradient(circle at 30%,#1161ee26 0%,#0000 50%),radial-gradient(circle at 70% 80%,#1161ee1a 0%,#0000 40%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}.signup-page{background:linear-gradient(135deg,#051426c7,#0e4f468f),url(https://scontent.fnbo19-2.fna.fbcdn.net/v/t39.30808-6/733621552_122108082591337132_7174306025029226986_n.jpg?stp=cp6_dst-jpg_tt6&cstp=mx2048x2048&ctp=s2048x2048&_nc_cat=102&_nc_map=urlgen_bucketless&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeHdQsuJjQcK-Xj8Ji5dBrNnN_XKe7eCI1I39cp7t4IjUp2oxV6Fgv4bL3I4E0yVhSaH7_UAz13gPiS4-cobf_g1&_nc_ohc=e_bU-lasxX8Q7kNvwEE5rcq&_nc_oc=AdrA2ukHAweIbMSC9lP4usd1Yn_gzd-GGXLkNEuIHwds-gdI4mCLn8_GzXL4nqZkkXM&_nc_zt=23&_nc_ht=scontent.fnbo19-2.fna&_nc_gid=tFiP9tNdPt9U1_kvQyh6mQ&_nc_ss=7b2a8&oh=00_AQGi3eACHtvJwlGfWDw8oVcBVEcZZFd-7CZ50lbrrLreZA&oe=6A8FE510) 50%/cover no-repeat}.signup-page:before{content:"";background:radial-gradient(circle at 70% 30%,#22c55e26 0%,#0000 50%),radial-gradient(circle at 30% 70%,#22c55e1a 0%,#0000 40%);width:200%;height:200%;animation:30s linear infinite reverse rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{z-index:1;width:100%;max-width:440px;padding:20px;position:relative}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand h1{color:var(--auth-text-primary);letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:48px;font-weight:800}.auth-brand p{color:var(--auth-text-secondary);font-size:14px;font-weight:400}.auth-card{background:var(--auth-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{color:var(--auth-text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.auth-header p{color:var(--auth-text-secondary);font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--auth-text-secondary);font-size:14px;font-weight:500}.form-group input{border:1px solid var(--auth-input-border);background:var(--auth-input-bg);width:100%;color:var(--auth-text-primary);border-radius:10px;padding:14px 16px;font-size:15px;transition:all .2s}.form-group input::placeholder{color:#94a3b880}.form-group input:focus{border-color:var(--auth-accent);background:#ffffff14;outline:none}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:72px}.password-toggle{color:var(--auth-text-primary);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px;border-radius:4px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-options{justify-content:space-between;align-items:center;font-size:14px;display:flex}.checkbox-label{color:var(--auth-text-secondary);cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input{width:18px;height:18px;accent-color:var(--auth-accent)}.forgot-link{color:var(--auth-accent);font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--auth-accent-hover)}.auth-button{background:var(--auth-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.signup-page .auth-button{background:#22c55e}.signup-page .auth-button:hover:not(:disabled){background:#16a34a}.auth-button:hover:not(:disabled){background:var(--auth-accent-hover);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-message{text-align:center;border-radius:8px;margin-top:8px;padding:12px 16px;font-size:14px;font-weight:500}.auth-message.success{color:var(--auth-success);background:#22c55e26;border:1px solid #22c55e4d}.auth-message.error{color:var(--auth-error);background:#ef444426;border:1px solid #ef44444d}.auth-footer{text-align:center;border-top:1px solid var(--auth-input-border);margin-top:24px;padding-top:24px}.auth-footer p{color:var(--auth-text-secondary);font-size:14px}.auth-footer a{color:var(--auth-accent);font-weight:600;text-decoration:none;transition:color .2s}.signup-page .auth-footer a{color:#22c55e}.signup-page .auth-footer a:hover{color:#16a34a}.auth-footer a:hover{color:var(--auth-accent-hover)}@media (max-width:640px){.auth-card{padding:28px 24px}.auth-brand h1{font-size:40px}.auth-header h2{font-size:24px}.form-row{grid-template-columns:1fr}}