*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.site-footer{color:#fff;text-align:center;background:linear-gradient(135deg,#333 0%,#1a1a1a 100%);border-top:1px solid #555;margin-top:4rem;padding:3rem 2rem}.footer-content{max-width:1200px;margin:0 auto}.site-footer p{opacity:.9;margin:.5rem 0;font-size:13px;line-height:1.6}.site-footer p:first-child{margin-top:0}main{max-width:1200px;margin:0 auto;padding:2rem}h1{color:#222;margin-bottom:1rem}p{color:#666}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0000001a}.auth-card h1{text-align:center;color:#333;margin-bottom:.5rem}.auth-subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:14px}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn{cursor:pointer;border:none;border-radius:4px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.btn-primary{color:#fff;background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 5px 15px #667eea4d}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:4px;margin-bottom:1.5rem;padding:1rem;font-size:14px}.alert-error{color:#c33;background:#fee;border:1px solid #fcc}.alert-success{color:#3c3;background:#efe;border:1px solid #cfc}.auth-footer{text-align:center;color:#666;margin-top:2rem;font-size:14px}.auth-footer a{color:#667eea;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-links{text-align:center;color:#666;margin-top:2rem;font-size:14px}.auth-links a{color:#667eea;text-decoration:none}.auth-links a:hover{text-decoration:underline}.verify-status{text-align:center;padding:2rem}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:1rem auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}