@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#e62254;--primary-color-hover:#c41440;--primary-color-rgb:230, 34, 84;--secondary-color:#1e2640;--secondary-color-hover:#13192b;--accent-color:#ff6b8b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background-color:#fafbfc;--surface-color:#fff;--text-color:#1b223c;--text-muted:#5e6982;--text-light:#fff;--border-color:#1e264014;--border-focus:#e6225466;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1e26400f;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--max-width:1200px}[data-theme=dark]{--background-color:#0b0f19;--surface-color:#121824;--text-color:#f1f3f9;--text-muted:#94a3b8;--border-color:#f1f3f914;--glass-bg:#121824bf;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #0006}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--text-color);background-color:var(--background-color);scroll-behavior:smooth;line-height:1.6}body{flex-direction:column;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-padding{padding:80px 0}@media (max-width:768px){.section-padding{padding:50px 0}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-md);transition:var(--transition-normal)}.glass-panel:hover{border-color:#e6225426;box-shadow:0 12px 40px #e6225414}.desktop-menu{align-items:center;gap:28px;display:flex}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger-line{background-color:var(--text-light);width:24px;height:2px;transition:var(--transition-fast)}.mobile-menu-overlay{background-color:var(--secondary-color);z-index:99;flex-direction:column;gap:24px;padding:32px 24px;transition:transform .3s ease-in-out;display:flex;position:fixed;inset:80px 0 0;transform:translate(100%)}.mobile-menu-overlay.open{transform:translate(0)}@media (max-width:992px){.desktop-menu{display:none}.hamburger-btn{display:flex}}.btn{font-family:var(--font-display);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:var(--text-light);box-shadow:0 4px 14px #e622544d}.btn-primary:hover{background-color:var(--primary-color-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e6225466}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-light);box-shadow:0 4px 14px #1e264033}.btn-secondary:hover{background-color:var(--secondary-color-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1e26404d}.btn-outline{border:2px solid var(--border-color);color:var(--text-color);background-color:#0000}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-label{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-control{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--surface-color);width:100%;transition:var(--transition-fast);outline:none;padding:12px 16px}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--border-focus)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseHeart{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) forwards}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.heart-pulse{animation:2s ease-in-out infinite pulseHeart;display:inline-block}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.responsive-portal-grid{grid-template-columns:1fr!important}}.portal-layout-grid{grid-template-columns:300px 1fr;gap:32px;display:grid}.portal-form-panel{padding:40px}@media (max-width:768px){.portal-layout-grid{grid-template-columns:1fr;gap:20px}.portal-form-panel{padding:20px}}