*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4a90e2;--secondary-color: #f5f7fa;--accent-color: #7ed321;--text-color: #333;--border-radius: 10px;--box-shadow: 0 4px 8px rgba(0, 0, 0, .1)}body{font-family:Arial,sans-serif;background-color:var(--secondary-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}nav ul{list-style:none;display:flex;justify-content:center;background-color:var(--primary-color);padding:10px;border-radius:var(--border-radius)}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-size:18px;padding:10px 15px;transition:background-color .3s ease}nav ul li a:hover,nav ul li .active{background-color:var(--accent-color);border-radius:var(--border-radius)}.card{background-color:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:20px 0;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}input[type=text],input[type=number],input[type=file],select{width:100%;padding:10px;margin:10px 0;border-radius:var(--border-radius);border:1px solid #ccc;box-shadow:var(--box-shadow);outline:none;transition:border .3s ease}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--primary-color)}button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease,transform .3s ease}button:hover{background-color:var(--accent-color);transform:translateY(-3px)}video{width:100%;border-radius:var(--border-radius);margin-top:20px}@media (max-width: 768px){nav ul{flex-direction:column}nav ul li{margin:10px 0}input[type=text],input[type=number],select{width:100%}}