*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;display:flex}main{flex-grow:1;margin-top:70px}.mainContainer{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}section{box-sizing:border-box;text-align:center;width:100%;max-width:100%;margin:0}h1{letter-spacing:-1px;margin:0 0 15px;font-size:3.5rem;font-weight:800}h2{color:#333;margin:0 0 30px;font-size:2.2rem;font-weight:700}h3{color:#333;margin:0 0 12px;font-size:1.3rem;font-weight:600}p{margin:0 0 15px;line-height:1.6}button,.button{color:#333;cursor:pointer;background-color:gold;border:none;border-radius:6px;padding:12px 30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}button:hover:not(:disabled),.button:hover{background-color:#ffed4e;transform:translateY(-2px);box-shadow:0 8px 20px #ffd7004d}button:active:not(:disabled),.button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.7;background-color:#ccc}.heroSection{color:#fff;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:100%;max-width:100%;margin:0;padding:100px 20px}.heroSection h1{margin:0 0 15px;color:#fff!important}.heroSubtitle{opacity:.9;max-width:700px;margin:0 auto;font-size:1.3rem;font-weight:300;line-height:1.6}.gridContainer{gap:25px;max-width:1200px;margin:0 auto;display:grid}a{color:#667eea;text-decoration:none;transition:color .3s}a:hover{color:#764ba2}.card{background:#fff;border-radius:10px;padding:25px;transition:all .3s;box-shadow:0 3px 12px #00000014}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea26}.formGroup{flex-direction:column;margin-bottom:20px;display:flex}.formGroup label{color:#333;margin-bottom:8px;font-size:.95rem;font-weight:600}.formGroup input,.formGroup textarea{border:2px solid #e0e0e0;border-radius:6px;padding:12px 15px;font-family:inherit;font-size:1rem;transition:all .3s}.formGroup input:focus,.formGroup textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.successMessage{text-align:center;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-left:4px solid #4caf50;border-radius:8px;padding:30px;animation:.5s ease-out slideIn}.successMessage h3{color:#2e7d32;margin:0 0 10px;font-size:1.5rem}.successMessage p{color:#558b2f;margin:0}.errorMessage{text-align:center;background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border-left:4px solid #f44336;border-radius:8px;padding:30px;animation:.5s ease-out slideIn}.errorMessage h3{color:#c62828;margin:0 0 10px;font-size:1.5rem}.errorMessage p{color:#b71c1c;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.1rem}.heroSection{padding:60px 20px}.heroSection h1{font-size:2rem}.heroSubtitle{font-size:1rem}button,.button{padding:10px 20px;font-size:.95rem}.gridContainer{grid-template-columns:1fr}main{margin-top:70px}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.3rem}.heroSection{padding:40px 15px}.heroSection h1{font-size:1.5rem}button,.button{width:100%;padding:10px 15px;font-size:.9rem}main{margin-top:60px}}