@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";#app{min-height:100vh}.navbar[data-v-cbe13586]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.navbar-content[data-v-cbe13586]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4)}.logo[data-v-cbe13586]{display:flex;align-items:center;gap:var(--space-2)}.logo-icon[data-v-cbe13586]{font-size:var(--text-2xl)}.logo-icon-svg[data-v-cbe13586]{width:28px;height:28px;stroke:var(--primary);flex-shrink:0}.logo-text[data-v-cbe13586]{font-size:var(--text-xl);font-weight:700}.logo-text .year[data-v-cbe13586]{color:var(--primary)}.nav-links[data-v-cbe13586]{display:flex;align-items:center;gap:var(--space-6)}.nav-links a[data-v-cbe13586]{color:var(--text-muted);font-weight:500;transition:color var(--transition-fast)}.nav-links a[data-v-cbe13586]:hover{color:var(--text)}.nav-links .btn-primary[data-v-cbe13586]{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #2d6a7a4d}.nav-links .btn-primary[data-v-cbe13586]:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 8px 25px #2d6a7a73}.hero[data-v-cbe13586]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px;overflow:hidden}.hero-bg[data-v-cbe13586]{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(212,175,55,.1) 0%,transparent 50%)}.hero-content[data-v-cbe13586]{text-align:center;position:relative;z-index:1}.hero-title[data-v-cbe13586]{font-size:var(--text-6xl);font-weight:800;margin:var(--space-4) 0;letter-spacing:-.02em}.gold[data-v-cbe13586]{color:var(--primary)}.hero-subtitle[data-v-cbe13586]{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-6)}.hero-info[data-v-cbe13586]{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.info-item[data-v-cbe13586]{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.info-icon[data-v-cbe13586]{font-size:var(--text-xl)}.info-icon-svg[data-v-cbe13586]{width:22px;height:22px;stroke:var(--primary);flex-shrink:0}.countdown[data-v-cbe13586]{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.countdown-item[data-v-cbe13586]{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);min-width:80px}.countdown-value[data-v-cbe13586]{font-size:var(--text-3xl);font-weight:700;color:var(--primary)}.countdown-label[data-v-cbe13586]{font-size:var(--text-sm);color:var(--text-muted)}.countdown-separator[data-v-cbe13586]{font-size:var(--text-2xl);color:var(--text-muted)}.hero-actions[data-v-cbe13586]{display:flex;justify-content:center;gap:var(--space-4)}.section-title[data-v-cbe13586]{font-size:var(--text-3xl);font-weight:700;text-align:center;margin-bottom:var(--space-8)}.section-desc[data-v-cbe13586]{text-align:center;color:var(--text-muted);max-width:700px;margin:0 auto var(--space-8);line-height:1.8}.stats-grid[data-v-cbe13586]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card[data-v-cbe13586]{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center}.stat-value[data-v-cbe13586]{display:block;font-size:var(--text-4xl);font-weight:700;color:var(--primary)}.stat-label[data-v-cbe13586]{color:var(--text-muted)}.timeline-section[data-v-cbe13586]{background:var(--bg-card)}.timeline[data-v-cbe13586]{max-width:600px;margin:0 auto;position:relative}.timeline[data-v-cbe13586]:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--primary);opacity:.3}.timeline-item[data-v-cbe13586]{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);position:relative}.timeline-marker[data-v-cbe13586]{width:32px;height:32px;background:var(--primary);border-radius:50%;flex-shrink:0;position:relative;z-index:1}.timeline-content[data-v-cbe13586]{background:var(--bg-body);border:1px solid var(--border-color);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);flex:1}.timeline-date[data-v-cbe13586]{font-size:var(--text-sm);color:var(--primary);font-weight:600}.timeline-title[data-v-cbe13586]{margin-top:var(--space-1)}.categories-grid[data-v-cbe13586]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.category-card[data-v-cbe13586]{text-align:center}.category-icon[data-v-cbe13586]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:var(--radius-lg);transition:all .3s ease}.category-icon svg[data-v-cbe13586]{width:32px;height:32px;stroke:#fff;stroke-width:1.5}.category-card:hover .category-icon[data-v-cbe13586]{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #2d6a7a4d}.category-name[data-v-cbe13586]{font-size:var(--text-lg);margin-bottom:var(--space-2)}.category-desc[data-v-cbe13586]{font-size:var(--text-sm);color:var(--text-muted)}.age-groups[data-v-cbe13586]{text-align:center}.age-title[data-v-cbe13586]{margin-bottom:var(--space-4);color:var(--text-muted)}.age-badges[data-v-cbe13586]{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.pricing-grid[data-v-cbe13586]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:800px;margin:0 auto}.pricing-card[data-v-cbe13586]{text-align:center}.pricing-card.featured[data-v-cbe13586]{border:2px solid var(--primary);box-shadow:var(--shadow-glow)}.pricing-header h3[data-v-cbe13586]{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-4)}.price[data-v-cbe13586]{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.currency[data-v-cbe13586]{font-size:var(--text-xl);color:var(--text-muted)}.amount[data-v-cbe13586]{font-size:var(--text-4xl);font-weight:700;color:var(--primary)}.price-note[data-v-cbe13586]{font-size:var(--text-sm);color:var(--text-muted)}.pricing-features[data-v-cbe13586]{list-style:none;margin-top:var(--space-6);text-align:left}.pricing-features li[data-v-cbe13586]{padding:var(--space-2) 0;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.cta-section[data-v-cbe13586]{background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%)}.cta-title[data-v-cbe13586]{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.cta-desc[data-v-cbe13586]{color:var(--text-muted);margin-bottom:var(--space-6)}.footer[data-v-cbe13586]{background:var(--bg-card);padding:var(--space-8) 0;border-top:1px solid var(--border-color)}.footer-content[data-v-cbe13586]{display:flex;justify-content:space-between;align-items:center}.footer-brand[data-v-cbe13586]{display:flex;align-items:center;gap:var(--space-2)}.footer-links[data-v-cbe13586]{display:flex;gap:var(--space-6)}.footer-links a[data-v-cbe13586]{color:var(--text-muted)}.footer-contact[data-v-cbe13586]{text-align:right;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.nav-links[data-v-cbe13586]{display:none}.hero-title[data-v-cbe13586]{font-size:var(--text-4xl)}.hero-info[data-v-cbe13586]{flex-direction:column;gap:var(--space-4)}.countdown[data-v-cbe13586]{flex-wrap:wrap}.countdown-item[data-v-cbe13586]{min-width:60px;padding:var(--space-3) var(--space-4)}.hero-actions[data-v-cbe13586]{flex-direction:column}.stats-grid[data-v-cbe13586],.categories-grid[data-v-cbe13586]{grid-template-columns:repeat(2,1fr)}.pricing-grid[data-v-cbe13586]{grid-template-columns:1fr}.footer-content[data-v-cbe13586]{flex-direction:column;gap:var(--space-6);text-align:center}.footer-contact[data-v-cbe13586]{text-align:center}}.modal-overlay[data-v-fdd37675]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000b3;animation:fadeIn-fdd37675 .2s ease-out forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.modal-overlay.fade-out[data-v-fdd37675]{animation:fadeOut-fdd37675 .2s ease-in forwards}.confirm-modal[data-v-fdd37675]{width:90%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center}.pop-in[data-v-fdd37675]{animation:popIn-fdd37675 .3s cubic-bezier(.175,.885,.32,1.275) forwards}.pop-out[data-v-fdd37675]{animation:popOut-fdd37675 .2s cubic-bezier(.6,-.28,.735,.045) forwards}.confirm-icon[data-v-fdd37675]{font-size:3rem;margin-bottom:var(--space-4)}.confirm-content h3[data-v-fdd37675]{margin-bottom:var(--space-2);color:var(--text)}.confirm-content p[data-v-fdd37675]{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-6)}.confirm-actions[data-v-fdd37675]{display:flex;gap:var(--space-3);width:100%}.confirm-actions button[data-v-fdd37675]{flex:1}@keyframes fadeIn-fdd37675{0%{background:#0000}to{background:#000000b3}}@keyframes fadeOut-fdd37675{0%{background:#000000b3}to{background:#0000}}@keyframes popIn-fdd37675{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popOut-fdd37675{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(10px)}}.dashboard-layout[data-v-42ffd19a]{display:flex;min-height:100vh;background:var(--bg-body)}.sidebar[data-v-42ffd19a]{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;transition:width var(--transition-normal)}.sidebar-collapsed .sidebar[data-v-42ffd19a]{width:70px}.sidebar-content[data-v-42ffd19a]{display:flex;flex-direction:column;height:100%;padding:var(--space-4)}.sidebar-header[data-v-42ffd19a]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.logo[data-v-42ffd19a]{display:flex;align-items:baseline;gap:var(--space-1)}.logo-text[data-v-42ffd19a]{font-size:var(--text-xl);font-weight:800;color:var(--primary)}.logo-year[data-v-42ffd19a]{font-size:var(--text-sm);color:var(--text-muted)}.sidebar-nav[data-v-42ffd19a]{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item[data-v-42ffd19a]{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);font-weight:500}.nav-item[data-v-42ffd19a]:hover{background:var(--bg-input);color:var(--text)}.nav-item.active[data-v-42ffd19a]{background:var(--primary);color:#fff}.sidebar-collapsed .nav-item[data-v-42ffd19a]{justify-content:center;padding:var(--space-3)}.sidebar-footer[data-v-42ffd19a]{padding-top:var(--space-4);border-top:1px solid var(--border-color)}.user-info[data-v-42ffd19a]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.user-avatar[data-v-42ffd19a]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700;border-radius:var(--radius-md)}.user-details[data-v-42ffd19a]{flex:1;min-width:0}.user-name[data-v-42ffd19a]{font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-team[data-v-42ffd19a]{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-42ffd19a]{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);background:transparent;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.logout-btn[data-v-42ffd19a]:hover{background:var(--error);color:#fff}.main-content[data-v-42ffd19a]{flex:1;margin-left:240px;padding:var(--space-6);transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-content[data-v-42ffd19a]{margin-left:70px}.mobile-header[data-v-42ffd19a],.sidebar-overlay[data-v-42ffd19a]{display:none}@media(max-width:768px){.mobile-header[data-v-42ffd19a]{display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:90}.mobile-menu-btn[data-v-42ffd19a]{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-2);cursor:pointer}.mobile-menu-btn span[data-v-42ffd19a]{width:24px;height:2px;background:var(--text);border-radius:2px}.mobile-logo .logo-text[data-v-42ffd19a]{font-size:var(--text-lg);font-weight:800;color:var(--primary)}.sidebar[data-v-42ffd19a]{transform:translate(-100%);width:280px;z-index:100}.sidebar.mobile-open[data-v-42ffd19a]{transform:translate(0)}.sidebar-overlay[data-v-42ffd19a]{display:none}.sidebar.mobile-open .sidebar-overlay[data-v-42ffd19a]{display:block;position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;z-index:-1}.sidebar-content[data-v-42ffd19a]{position:relative;z-index:1;background:var(--bg-sidebar);height:100%}.main-content[data-v-42ffd19a]{margin-left:0;margin-top:60px;padding:var(--space-4)}.sidebar-collapsed .main-content[data-v-42ffd19a]{margin-left:0}}.dashboard-layout[data-v-5a461f80]{display:flex;min-height:100vh;background:var(--bg-body)}.sidebar[data-v-5a461f80]{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;transition:width var(--transition-normal)}.sidebar-collapsed .sidebar[data-v-5a461f80]{width:70px}.sidebar-content[data-v-5a461f80]{display:flex;flex-direction:column;height:100%;padding:var(--space-4)}.sidebar-header[data-v-5a461f80]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.logo[data-v-5a461f80]{display:flex;align-items:center;gap:var(--space-2)}.logo-text[data-v-5a461f80]{font-size:var(--text-xl);font-weight:800;color:var(--primary)}.badge-admin[data-v-5a461f80]{font-size:var(--text-xs);background:var(--accent);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:700}.sidebar-nav[data-v-5a461f80]{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item[data-v-5a461f80]{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);font-weight:500}.nav-item[data-v-5a461f80]:hover{background:var(--bg-input);color:var(--text)}.nav-item.active[data-v-5a461f80]{background:var(--accent);color:#fff}.sidebar-footer[data-v-5a461f80]{padding-top:var(--space-4);border-top:1px solid var(--border-color)}.user-info[data-v-5a461f80]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.user-avatar[data-v-5a461f80]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700;border-radius:var(--radius-md)}.user-avatar.admin[data-v-5a461f80]{background:var(--accent)}.user-details[data-v-5a461f80]{flex:1;min-width:0}.user-name[data-v-5a461f80]{font-weight:600;font-size:var(--text-sm)}.user-role[data-v-5a461f80]{font-size:var(--text-xs);color:var(--accent)}.logout-btn[data-v-5a461f80]{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);background:transparent;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.logout-btn[data-v-5a461f80]:hover{background:var(--error);color:#fff}.main-content[data-v-5a461f80]{flex:1;margin-left:240px;padding:var(--space-6);transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-content[data-v-5a461f80]{margin-left:70px}.mobile-header[data-v-5a461f80],.sidebar-overlay[data-v-5a461f80]{display:none}@media(max-width:768px){.mobile-header[data-v-5a461f80]{display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:90}.mobile-menu-btn[data-v-5a461f80]{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-2);cursor:pointer}.mobile-menu-btn span[data-v-5a461f80]{width:24px;height:2px;background:var(--text);border-radius:2px}.mobile-logo[data-v-5a461f80]{display:flex;align-items:center;gap:var(--space-2)}.mobile-logo .logo-text[data-v-5a461f80]{font-size:var(--text-lg);font-weight:800;color:var(--primary)}.sidebar[data-v-5a461f80]{transform:translate(-100%);width:280px;z-index:100}.sidebar.mobile-open[data-v-5a461f80]{transform:translate(0)}.sidebar-overlay[data-v-5a461f80]{display:none}.sidebar.mobile-open .sidebar-overlay[data-v-5a461f80]{display:block;position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;z-index:-1}.sidebar-content[data-v-5a461f80]{position:relative;z-index:1;background:var(--bg-sidebar);height:100%}.main-content[data-v-5a461f80]{margin-left:0;margin-top:60px;padding:var(--space-4)}.sidebar-collapsed .main-content[data-v-5a461f80]{margin-left:0}}:root{--primary: #2D6A7A;--primary-light: #4A90A4;--primary-dark: #1D4A56;--accent: #E67E22;--accent-light: #F39C12;--accent-dark: #D35400;--bg-body: #F3F6F8;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-input: #E2E8F0;--bg-sidebar: #FFFFFF;--text: #0F172A;--text-muted: #334155;--text-dim: #64748B;--border-color: #E5E7EB;--border-light: #F3F4F6;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(45, 106, 122, .15);--font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=dark]{--bg-body: #0F0F0F;--bg-card: #1A1A1A;--bg-card-hover: #242424;--bg-input: #2A2A2A;--bg-sidebar: #141414;--text: #F5F5F5;--text-muted: #9CA3AF;--text-dim: #6B7280;--border-color: #2D2D2D;--border-light: #383838;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(74, 144, 164, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--text-muted) var(--bg-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:1px solid var(--bg-body)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-error{color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #2d6a7a4d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #2d6a7a73}.btn-primary:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 12px #2d6a7a59}.btn-accent{background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 50%,var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 15px #e67e224d}.btn-accent:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #e67e2273}.btn-accent:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 12px #e67e2259}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary);box-shadow:0 2px 8px #2d6a7a1a}.btn-secondary:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #2d6a7a40}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #2d6a7a1a}[data-theme=dark] .btn-secondary{background:transparent;color:var(--primary-light);border-color:var(--primary-light)}[data-theme=dark] .btn-secondary:hover{background:var(--primary-light);color:#0f0f0f;border-color:var(--primary-light)}.btn-danger{background:linear-gradient(135deg,#EF5350 0%,var(--error) 50%,#D32F2F 100%);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ef444473}.btn-danger:active{transform:translateY(-1px) scale(1)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-color);transition:all var(--transition-normal)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2d6a7a1a}.form-input::placeholder{color:var(--text-dim)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#2d6a7a26;color:var(--primary)}.badge-accent{background:#e67e2226;color:var(--accent)}.badge-success{background:#10b98126;color:var(--success)}.badge-error{background:#ef444426;color:var(--error)}.badge-warning{background:#f59e0b26;color:var(--warning)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-lg)}.theme-toggle:hover{border-color:var(--primary);background:var(--bg-card-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease forwards}@media(max-width:768px){:root{--text-5xl: 2.5rem;--text-6xl: 3rem}.section{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}}