.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .8s ease-in-out}.auth-card{background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 12px 30px #0003;width:100%;max-width:400px;text-align:center;animation:slideUp .5s ease}.auth-card h2{margin-bottom:20px;font-size:1.8rem;color:#333}.auth-card form{display:flex;flex-direction:column}.auth-card input{padding:12px;margin:10px 0;border-radius:6px;border:1px solid #ccc;font-size:1rem;transition:.3s}.auth-card input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 5px #4caf50}.auth-card button{padding:12px;margin-top:10px;background-color:#4caf50;border:none;color:#fff;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.auth-card button:hover{background-color:#43a047}.auth-card p{margin-top:15px;font-size:.9rem;color:#888}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.landing-wrapper{position:relative;height:100vh;overflow:hidden}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.landing-container{position:relative;z-index:1;padding:60px 20px;min-height:100vh;color:#fff;text-align:center;animation:fadeIn 1.2s ease;font-family:Segoe UI,sans-serif}.landing-title{font-size:3.2rem;font-weight:700;color:#fd0;margin-bottom:10px;animation:pulseTitle 1.5s infinite alternate}@keyframes pulseTitle{0%{transform:scale(1)}to{transform:scale(1.03)}}.landing-subtitle{font-size:1.2rem;color:#d3d3d3;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeIn 1.6s ease}.landing-buttons{display:flex;gap:20px;justify-content:center;animation:slideUp 1s ease forwards}.landing-btn{padding:14px 28px;font-size:1rem;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:all .3s ease}.landing-btn.primary{background-color:#4caf50;color:#fff}.landing-btn.primary:hover{background-color:#43a047;transform:scale(1.05)}.landing-btn.secondary{background-color:#2196f3;color:#fff}.landing-btn.secondary:hover{background-color:#1976d2;transform:scale(1.05)}.landing-features{margin-top:60px;animation:fadeInUp 1.5s ease}.landing-features h2{font-size:2rem;color:#ffeb3b}.landing-features ul{list-style:none;padding:0}.landing-features li{font-size:1.1rem;margin:10px 0}.landing-footer{margin-top:50px;font-size:.9rem;color:#ccc;animation:fadeIn 2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#fff}h1{text-align:center;color:#fd0;font-size:3rem;margin-bottom:20px;animation:fadeDown .8s ease-in-out}.dashboard-container{max-width:1000px;margin:auto;padding:20px;animation:fadeIn 1s ease}form{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 12px 25px #0003;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;animation:slideUp .7s ease}form input,form textarea{width:90%;padding:12px;margin:10px 0;border-radius:8px;border:1px solid #ccc;font-size:1rem;transition:.3s}form input:focus,form textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf50}form button{background-color:#4caf50;border:none;color:#fff;padding:12px 20px;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:10px;transition:.3s}form button:hover{background-color:#388e3c}.notice-list{display:flex;flex-direction:column;gap:20px}.notice-card{background:#ffeea9;color:#333;padding:20px;border-left:6px solid #4caf50;border-radius:10px;box-shadow:0 10px 20px #00000026;animation:fadeInUp .6s ease}.notice-card h2{margin:0 0 10px;font-size:1.4rem}.notice-card p{color:#555}.notice-card button{background-color:#e53935;color:#fff;border:none;padding:8px 14px;border-radius:4px;margin-top:10px;cursor:pointer;transition:.3s}.notice-card button:hover{background-color:#c62828}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}