:root{--primary-red: #ff3b3b;--hover-red: #e63535;--bg-body: #ffffff;--bg-card: #ffffff;--bg-panel: #f8f9fa;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--shadow: 0 4px 12px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #ff3b3b, #d93030)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #00000008}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-red);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo:before{content:"🌋";font-size:1.5rem}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary-red)}.btn{background:var(--primary-red);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn:hover{background:var(--hover-red);transform:translateY(-1px);box-shadow:0 4px 12px #ff3b3b33}.btn-secondary{background:#fff;color:var(--primary-red);border:1px solid var(--primary-red);padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#fff5f5}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease-out forwards}