*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333}:root{--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-radius: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}h1,h2,h3,h4,h5,h6{color:#333;margin-bottom:15px}p{line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--secondary-color)}.btn{padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all .3s;display:inline-block}.btn-block{display:block;width:100%}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:14px}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.alert{padding:12px;border-radius:var(--border-radius);margin-bottom:15px}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}