:root{--primary-color: #3f51b5;--accent-color: #ff4081;--warn-color: #f44336;--text-color: #333;--light-gray: #f5f5f5;--border-color: #ddd;--shadow: 0 2px 4px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Roboto,Helvetica Neue,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--light-gray)}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#32408f}button,.button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}button:hover,.button:hover{background-color:#32408f}button.accent,.button.accent{background-color:var(--accent-color)}button.accent:hover,.button.accent:hover{background-color:#ff0d5f}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.card{background:#fff;border-radius:4px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=password],.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3f51b533}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 16px}.section{padding:32px 0;margin-bottom:32px;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.tool-card{margin:16px 0;padding:16px}.full-width{width:100%}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}