*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #e74c3c;--secondary-color: #3498db;--success-color: #27ae60;--warning-color: #f39c12;--danger-color: #e74c3c;--dark-color: #2c3e50;--light-color: #ecf0f1;--text-color: #333;--border-color: #ddd;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:calc(100vh - 200px);padding:20px 0}a{text-decoration:none;color:inherit;transition:all .3s ease}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;text-align:center;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#2980b9;transform:translateY(-2px)}.badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.new-badge{background-color:#e74c3c;color:#fff;animation:pulse 2s infinite}.important-badge{background-color:#f39c12;color:#fff}.badge-small{padding:2px 6px;font-size:10px;margin-left:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.card{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}@media(max-width:1024px){.container{max-width:100%;padding:0 1.5rem}}@media(max-width:768px){.container{padding:0 1rem}.main-content{padding:1rem 0}.btn{padding:.625rem 1rem;font-size:.9rem}.card{padding:1rem;margin-bottom:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(max-width:480px){.container{padding:0 .75rem}.main-content{padding:.75rem 0}.btn{padding:.5rem .875rem;font-size:.85rem}.card{padding:.875rem;border-radius:6px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}
