.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--surface-card);overflow:hidden;padding-top:4.25rem}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:rgba(255,255,255,0.4);z-index:1}.hero .container{position:relative;z-index:2}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:var(--space-20) 0}.hero-title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:900;line-height:1.08;letter-spacing:-0.03em;margin-bottom:var(--space-6);color:var(--gray-900)}.hero-title .text-blue{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}html.dark-mode .hero-description,[data-theme="dark"] .hero-description{color:var(--text-inverse,#ffffff)}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h1,.section-header h2{font-size:var(--text-5xl);font-weight:800;letter-spacing:-0.02em;margin-bottom:var(--space-4)}.section-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:700px;margin:0 auto}.card h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-0.01em}.card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.footer{padding:var(--space-8) 0;border-top:1px solid var(--border);background:var(--surface-page)}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid var(--border,rgba(255,255,255,0.1));opacity:0.8;font-size:0.95rem}.footer-credit{background:linear-gradient(90deg,#FF6B35 0%,#138808 33%,#0066CC 66%,#19AAED 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;display:inline-block;animation:gradientShift 10s ease infinite;background-size:300% 300%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.footer-section{padding:var(--space-16) 0 var(--space-8) 0;border-top:1px solid var(--border);background:var(--surface-page)}.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-8)}.footer-col{grid-column:span 3}@media (max-width:768px){.hero-cta{flex-direction:column;align-items:center}.hero-content{padding:var(--space-12) 0}.hero-canvas{transform:none !important}.footer,#footer-placeholder,.footer-section{text-align:center !important;padding:var(--space-12) 0 var(--space-6) 0 !important}.footer .grid,#footer-placeholder .grid,.footer-grid{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:var(--space-8) !important}.footer .col-12,.footer [class^="col-"],.footer [class*=" col-"],#footer-placeholder .col-12,#footer-placeholder [class^="col-"],#footer-placeholder [class*=" col-"],.footer-col{text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;margin-bottom:0 !important;width:100% !important}.footer ul,#footer-placeholder ul,.footer-col ul{padding:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:var(--space-2) !important}.footer p,#footer-placeholder p,.footer-col p{text-align:center !important;max-width:300px;margin-left:auto;margin-right:auto}.footer-bottom{margin-top:var(--space-6) !important;padding-top:var(--space-6) !important;width:100% !important}.footer-credit{font-size:0.85rem !important;line-height:1.4 !important}}