*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1rem 0;box-shadow:0 2px 5px rgba(0,0,0,0.1)}nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}nav ul li a{color:white;text-decoration:none;font-weight:bold;font-size:1.1rem;padding:0.5rem 1rem;border-radius:5px;transition:background-color 0.3s ease}nav ul li a:hover{background-color:rgba(255,255,255,0.2)}main{min-height:calc(100vh - 200px);padding:2rem 0}footer{background-color:#333;color:white;text-align:center;padding:2rem 0;font-size:0.9rem}footer a{color:#667eea;text-decoration:none}footer a:hover{text-decoration:underline}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.btn{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.8rem 1.5rem;text-decoration:none;border-radius:5px;font-weight:bold;transition:transform 0.2s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px);color:white;text-decoration:none}@media (max-width:768px){nav ul{flex-direction:column;gap:1rem}.container{padding:0 10px}.grid-responsive{grid-template-columns:1fr !important}}