*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:14px;line-height:1.4;color:#333;background-color:#fff}h1,h2,h3{color:#222;margin-bottom:10px}h1:hover,h2:hover,h3:hover{color:#06c}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin-bottom:10px}a{color:#06c;text-decoration:underline}a:hover{color:#049}.container{width:960px;margin:0 auto;padding:0 20px}.clearfix:after{content:"";display:table;clear:both}header{background-color:#f0f0f0;border-bottom:1px solid #ddd;padding:10px 0}header nav{width:960px;margin:0 auto;padding:0 20px}header nav a{display:inline-block;padding:8px 15px;margin-right:10px;background-color:#ddd;color:#333;text-decoration:none;border:1px solid #bbb}header nav a:hover{background-color:#eee;color:#000}main{padding:20px 0;min-height:400px}.hero{background-color:#e6f3ff;border:1px solid #b3d9ff;padding:30px;margin-bottom:30px;text-align:center}.hero h1{font-size:28px;margin-bottom:15px;color:#06c}.hero p{font-size:16px;margin-bottom:20px;color:#555}.btn{display:inline-block;padding:10px 20px;background-color:#06c;color:#fff;text-decoration:none;border:1px solid #0052a3}.btn:hover{background-color:#049;color:#fff}.features{margin-bottom:30px}.features h2{text-align:center;margin-bottom:20px;font-size:22px}.feature-grid{width:100%}.feature-grid:after{content:"";display:table;clear:both}.feature-card{width:300px;float:left;margin-right:20px;margin-bottom:20px;padding:20px;background-color:#f9f9f9;border:1px solid #ddd}.feature-card:last-child{margin-right:0}.feature-card h3{font-size:18px;margin-bottom:10px;color:#06c}.feature-card p{font-size:14px;color:#666;margin:0}.contact-form label{display:block;margin-bottom:5px;font-weight:700;color:#333}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:8px;border:1px solid #ddd;font-size:14px;font-family:Arial,sans-serif}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#06c;outline:none;background-color:#f8f8f8}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{background-color:#06c;color:#fff;border:1px solid #0052a3;padding:10px 20px;font-size:14px;cursor:pointer}.contact-form button:hover{background-color:#049}.about-content{margin-bottom:30px}.about-content h2{margin-top:30px;margin-bottom:15px;font-size:20px;color:#06c}.about-content h2:first-child{margin-top:0}.about-content ul{margin-bottom:20px}.about-content ul li{margin-bottom:5px;color:#333}.contact-content{margin-bottom:30px}.contact-content h2{margin-top:30px;margin-bottom:15px;font-size:20px;color:#06c}.contact-content h2:first-child{margin-top:0}footer{background-color:#333;color:#fff;padding:20px 0;margin-top:40px}footer .footer-container{width:960px;margin:0 auto;padding:0 20px}footer .footer-content{width:100%}footer .footer-content:after{content:"";display:table;clear:both}footer .footer-section{width:300px;float:left;margin-right:20px}footer .footer-section:last-child{margin-right:0}footer .footer-section h3{font-size:16px;margin-bottom:10px;color:#fff}footer .footer-section p{font-size:13px;color:#ccc;margin-bottom:5px}footer .footer-section ul{list-style:none}footer .footer-section ul li{margin-bottom:5px}footer .footer-section ul li a{color:#ccc;text-decoration:none}footer .footer-section ul li a:hover{color:#fff}footer .footer-bottom{clear:both;border-top:1px solid #555;padding-top:15px;margin-top:20px;text-align:center}footer .footer-bottom p{font-size:12px;color:#999;margin:0}