*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo{font-size:1.5rem;font-weight:bold;color:#333;text-decoration:none}nav ul{list-style:none;display:flex;gap:2rem}nav a{color:#666;text-decoration:none;transition:color .3s}nav a:hover{color:#333}main{min-height:calc(100vh - 200px);padding:2rem 0}.hero{text-align:center;padding:3rem 0;background:#fff;border-radius:8px;margin-bottom:2rem}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:#333}.hero p{font-size:1.2rem;color:#666}section{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px}section h2{font-size:2rem;margin-bottom:1.5rem;color:#333}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-item{padding:1.5rem;background:#f8f9fa;border-radius:8px;transition:transform .3s}.feature-item:hover{transform:translateY(-2px)}.feature-item h3{font-size:1.25rem;margin-bottom:.5rem;color:#333}.feature-item p{color:#666}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;transition:all .3s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.button-group{display:flex;gap:1rem;margin-top:2rem}footer{background:#333;color:#fff;padding:2rem 0;text-align:center}footer p{margin-bottom:.5rem}footer a{color:#aaa;text-decoration:none}footer a:hover{color:#fff}input,textarea,select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:#007bff}label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}th{background:#f8f9fa;font-weight:600}.alert{padding:1rem;margin-bottom:1rem;border-radius:4px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media (max-width:768px){.hero h1{font-size:2rem}.feature-grid{grid-template-columns:1fr}.button-group{flex-direction:column}nav ul{flex-direction:column;gap:1rem}}