:root{--primary:#2c3e50;--accent:#e67e22;--success:#27ae60;--error:#c0392b;--text:#2c3e50;--bg:#f5f6fa;--white:#fff;--border:#dcdde1;--radius:8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--primary);color:#fff;padding:15px 0}.header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:bold}.nav a{color:#fff;text-decoration:none;margin-left:20px;opacity:.9}.nav a:hover{opacity:1}.btn-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-left:20px}.main{min-height:calc(100vh - 140px);padding:40px 0}.footer{background:var(--primary);color:#fff;padding:20px 0;text-align:center}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;font-size:1rem;transition:all .3s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#d35400}.form{max-width:500px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--accent)}.form-footer{margin-top:20px;text-align:center}.alert{padding:15px;border-radius:var(--radius);margin-bottom:20px}.alert-error{background:#ffeaa7;color:var(--error)}.alert-success{background:#dfe6e9;color:var(--success)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.feature-card{background:#fff;padding:30px;border-radius:var(--radius);box-shadow:0 2px 10px rgba(0,0,0,.05)}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.dashboard-card{background:#fff;padding:30px;border-radius:var(--radius);box-shadow:0 2px 10px rgba(0,0,0,.05)}.hero-banner-placeholder{background:#2c3e50;height:400px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;border-radius:var(--radius);margin-bottom:40px}.hero-banner-placeholder h1{font-size:2.5rem;margin-bottom:10px}@media(max-width:768px){.header .container{flex-direction:column;text-align:center}.nav{margin-to