.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#fffffff2;border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base)}[data-theme=dark] .header{background:#0a0e14f2;border-bottom:1px solid var(--color-primary-10)}.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-4)}.logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast);letter-spacing:-.02em;display:flex;align-items:baseline;gap:0}.logo:hover{transform:translate(2px);text-decoration:none}.logo-accent{color:var(--color-primary);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast);font-size:var(--font-size-2xl)}.logo:hover .logo-accent{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:var(--space-2)}.nav-link{padding:var(--space-2) var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);position:relative;text-decoration:none}.nav-link:hover{color:var(--color-primary);text-decoration:none}.nav-link-active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-primary);border-radius:var(--border-radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);min-width:70px}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:transparent}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border:none;background-color:transparent;cursor:pointer;padding:0}.hamburger{width:24px;height:2px;background-color:var(--color-text-primary);margin:var(--space-1) 0;transition:all var(--transition-fast)}.main{flex:1;width:100%}.footer{background:#fffffff2;border-top:1px solid var(--color-border);margin-top:var(--space-16);padding:var(--space-12) 0 var(--space-8);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .footer{background:#0a0e14f2;border-top:1px solid var(--color-primary-10)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.footer-section h4,.footer-section h5{margin-bottom:var(--space-4);color:var(--color-text-primary)}.footer-section p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none;display:inline-block;padding:var(--space-1) 0}.footer-links a:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:var(--header-height);left:-100%;width:100%;height:calc(100vh - var(--header-height));background-color:var(--color-background);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--space-4);gap:var(--space-2);transition:left var(--transition-base);border-right:1px solid var(--color-border);overflow-y:auto}.nav-links-mobile{left:0}.nav-link{width:100%;text-align:left;padding:var(--space-4)}.nav-link-active:after{display:none}.footer-content{grid-template-columns:1fr;gap:var(--space-6)}.footer-section{text-align:center}.footer-links{align-items:center}}.home{width:100%;position:relative}.mouse-spotlight{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:background .3s ease}.home .header{position:absolute;top:0;left:0;right:0;background:#0a0e1433;border-bottom:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:30;transition:all var(--transition-base)}[data-theme=light] .home .header{background:#f5f5f533;border-bottom:1px solid rgba(0,0,0,.15)}.home .header.scrolled{background:#0a0e14f2;border-bottom:1px solid var(--color-white-10)}[data-theme=light] .home .header.scrolled{background:#f5f5f5f2;border-bottom:1px solid var(--color-border)}.hero{min-height:100vh;display:flex;align-items:center;padding:0;background:var(--color-surface);position:relative}.motion-essential-hero{background:var(--color-background);color:var(--color-text-primary);padding:0;overflow:hidden}[data-theme=dark] .motion-essential-hero{background:var(--color-background);color:var(--color-text-primary)}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:20;padding:var(--space-24) var(--space-4) var(--space-20)}.home .hero-content{text-shadow:0 0 20px rgba(0,0,0,1),0 0 40px rgba(0,0,0,.8),0 0 60px rgba(0,0,0,.6),0 0 80px rgba(0,0,0,.4)}.hero-video-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0;filter:saturate(.7) brightness(.8) contrast(1.1)}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#141821cc;z-index:1;mix-blend-mode:multiply}[data-theme=dark] .hero-video-overlay{background:#141821cc;mix-blend-mode:multiply}.hero-tag{font-size:var(--font-size-sm);color:var(--color-white-70);font-weight:var(--font-weight-medium);letter-spacing:.1em;margin-bottom:var(--space-6);display:block;text-transform:uppercase;opacity:.9}.home .hero-tag,[data-theme=dark] .home .hero-tag{color:var(--color-white-70)}.hero-tag-link{color:var(--color-primary);text-decoration:none;transition:all var(--transition-slow);border-bottom:1px solid transparent}.hero-tag-link:hover{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover)}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-6);color:var(--color-text-primary);letter-spacing:-.025em}.motion-essential-hero .hero-title,[data-theme=dark] .motion-essential-hero .hero-title{color:var(--color-white)}.motion-essential-hero .hero-title{display:flex;flex-direction:row;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.word-slide.delay-2{animation-delay:.4s}.word-slide.accent,[data-theme=dark] .word-slide.accent{color:var(--color-primary)}.scroll-fade{opacity:0;transform:translateY(var(--space-10));transition:opacity .8s ease,transform .8s ease}.home .feature-card,.home .service-block,.home .stat,.home .section-title-main,.home .section-title,.home .section-subtitle,.home .services-showcase,.home .features-grid,.home .stats-grid,.home .cta-content{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.home .feature-card:nth-child(1){transition-delay:.1s}.home .feature-card:nth-child(2){transition-delay:.2s}.home .feature-card:nth-child(3){transition-delay:.3s}.home .service-block:nth-child(1){transition-delay:.1s}.home .service-block:nth-child(2){transition-delay:.2s}.home .service-block:nth-child(3){transition-delay:.3s}.home .stat:nth-child(1){transition-delay:.1s}.home .stat:nth-child(2){transition-delay:.2s}.home .stat:nth-child(3){transition-delay:.3s}.home .stat:nth-child(4){transition-delay:.4s}.home .fade-in-up .feature-card,.home .fade-in-up .service-block,.home .fade-in-up .stat,.home .fade-in-up .section-title-main,.home .fade-in-up .section-title,.home .fade-in-up .section-subtitle,.home .fade-in-up .services-showcase,.home .fade-in-up .features-grid,.home .fade-in-up .stats-grid,.home .fade-in-up .cta-content{opacity:1;transform:translateY(0)}.hero-subtitle{font-size:var(--font-size-xl);opacity:.85;line-height:1.7;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto;font-weight:var(--font-weight-normal)}.motion-essential-hero .hero-subtitle,[data-theme=dark] .motion-essential-hero .hero-subtitle{color:var(--color-white-85)}.hero-actions{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;align-items:center;margin-top:var(--space-12)}.motion-btn{background:var(--color-primary);border:none;color:var(--color-white);padding:var(--space-4) var(--space-10);font-size:var(--font-size-lg);border-radius:var(--border-radius-xl);cursor:pointer;position:relative;overflow:hidden;font-weight:var(--font-weight-semibold);transition:all var(--transition-slow) cubic-bezier(.34,1.56,.64,1);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-3);box-shadow:0 10px 15px -3px #1db9544d,0 4px 6px -2px #1db9541a;transform:translateY(0);letter-spacing:.025em}.motion-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-white-10);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.motion-btn:hover:before{width:300px;height:300px}.motion-btn span{position:relative;z-index:1}.btn-motion-bg{display:none}.motion-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #1db95466,0 10px 10px -5px #1db95433;background:var(--color-primary-hover)}.motion-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.main-content-section{padding:var(--space-20) 0;background:var(--color-surface);position:relative;overflow:hidden;margin-top:0}[data-theme=dark] .main-content-section{background:var(--color-surface)}.features-section{padding:var(--space-12) 0;background:var(--color-surface);position:relative;overflow:hidden}[data-theme=dark] .features-section{background:var(--color-surface)}.section-title-main{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-6);color:var(--color-text-primary);position:relative;letter-spacing:-.02em}.section-title-main:not(:first-of-type){margin-top:var(--space-24)}.main-content-section .section-title-main:first-of-type:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:2px;opacity:.9}[data-theme=dark] .section-title-main{color:var(--color-text-primary)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;opacity:.85;font-weight:var(--font-weight-normal)}[data-theme=dark] .section-subtitle{color:var(--color-white-70)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-10);max-width:1200px;margin:0 auto}.feature-card{background:var(--color-black-05);border:1px solid var(--color-black-10);padding:var(--space-12) var(--space-10);border-radius:var(--border-radius-xl);transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .feature-card{background:var(--color-white-05);border:1px solid var(--color-white-10);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.feature-card:hover{transform:translateY(-6px) scale(1.08);background:var(--color-black-08);border-color:var(--color-primary);transition-delay:0s!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .feature-card:hover{transform:translateY(-6px) scale(1.08);background:var(--color-white-08);border-color:var(--color-primary);transition-delay:0s!important;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.feature-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}[data-theme=dark] .feature-card h3{color:var(--color-text-primary)}.feature-card:hover h3{color:var(--color-primary)}.feature-card p{color:var(--color-text-secondary);line-height:1.6}[data-theme=dark] .feature-card p{color:var(--color-white-85)}.services-section{padding:var(--space-12) 0;background:var(--color-background);position:relative;overflow:hidden}[data-theme=dark] .services-section{background:var(--color-background)}.services-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-10);max-width:1200px;margin:0 auto var(--space-16)}.service-block{text-align:center;padding:var(--space-8) var(--space-6);transition:all var(--transition-base);cursor:pointer;border-radius:var(--border-radius-md)}.service-block:hover{transform:translateY(-4px);background:var(--color-white-03)}[data-theme=dark] .service-block:hover{background:var(--color-white-05)}.service-block h3{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:var(--font-weight-semibold);transition:color var(--transition-base)}[data-theme=dark] .service-block h3{color:var(--color-text-primary)}.service-block:hover h3{color:var(--color-primary)}.service-block p{color:var(--color-text-secondary);line-height:1.6;max-width:350px;margin:0 auto}[data-theme=dark] .service-block p{color:var(--color-white-85)}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:2rem}.services-showcase{grid-template-columns:1fr;gap:var(--space-6)}.section-title-main{font-size:2rem}.section-subtitle{font-size:1rem;padding:0 1rem}}.section-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-12);margin-top:var(--space-16);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.02em}[data-theme=dark] .section-title{color:var(--color-white)}.why-choose-us-section{padding:var(--space-20) 0;background:var(--color-background)}[data-theme=dark] .why-choose-us-section{background:var(--color-background);border-top:1px solid var(--color-white-10);border-bottom:1px solid var(--color-white-10)}.why-choose-us-section .section-title{margin-top:0}[data-theme=dark] .why-choose-us-section .section-title{color:var(--color-white)}[data-theme=dark] .why-choose-us-section .stat-label{color:var(--color-white-85)}[data-theme=dark] .why-choose-us-section .section-title-main{color:var(--color-white)}[data-theme=dark] .why-choose-us-section .section-subtitle{color:var(--color-white-70)}[data-theme=dark] .why-choose-us-section .service-block h3{color:var(--color-white)}[data-theme=dark] .why-choose-us-section .service-block p{color:var(--color-white-75)}.why-choose-us-section .section-title-main{margin-top:0}.why-choose-us-section .section-subtitle{color:var(--color-text-secondary)}.why-choose-us-section .service-block h3{color:var(--color-text-primary)}.why-choose-us-section .service-block p{color:var(--color-text-secondary)}.why-choose-us-section .services-showcase{margin-bottom:var(--space-12)}.text-orange{color:var(--color-primary);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-base)}.service-block:hover .text-orange,.stat:hover .text-orange{opacity:.8}.why-choose-us-section .section-title:not(.section-title-main){position:relative;padding-top:var(--space-12);margin-top:0}.why-choose-us-section .section-title:not(.section-title-main):before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--color-primary);opacity:.7;border-radius:1px}.stats{padding:var(--space-12) 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}[data-theme=dark] .stats{background:var(--color-surface);border-top:1px solid var(--color-white-10);border-bottom:1px solid var(--color-white-10)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto;position:relative}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:700px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}}.stat{padding:var(--space-10) var(--space-6);text-align:center;background:transparent;transition:transform .1s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border-radius:var(--border-radius-lg)}.stat:hover,[data-theme=dark] .stat:hover{transform:translateY(-6px) scale(1.08);transition-delay:0s!important}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1}.stat-label{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.4}[data-theme=dark] .stat-label{color:var(--color-white-85)}.recent-posts{padding:var(--space-12) 0;background-color:var(--color-surface)}[data-theme=dark] .recent-posts{background-color:var(--color-surface)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.view-all-link{font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);transition:all .3s ease}.view-all-link:hover{color:var(--color-primary-hover);transform:translate(4px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.post-card{cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}[data-theme=dark] .post-card{background:var(--color-surface);border:1px solid var(--color-white-10);border-radius:12px}.post-image{width:100%;height:200px;overflow:hidden;background-color:var(--color-surface-hover);position:relative}[data-theme=dark] .post-image{background-color:var(--color-surface-hover);border-radius:12px 12px 0 0}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-image img{transform:scale(1.05) rotate(1deg)}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.post-content{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.post-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-text-primary);transition:color var(--transition-fast);line-height:var(--line-height-tight)}.post-card:hover h3{color:var(--color-primary)}.post-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:auto}.post-category{color:var(--color-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em}[data-theme=dark] .post-category{color:var(--color-primary-hover)}.post-date{display:flex;align-items:center;gap:var(--space-1)}.post-date:before{content:"•";color:var(--color-border)}.cta{padding:var(--space-24) 0;background-color:var(--color-surface);position:relative;overflow:hidden}[data-theme=dark] .cta{background-color:var(--color-surface)}.cta-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-8)}.cta-content h2{font-size:var(--font-size-5xl);margin-bottom:var(--space-6);font-weight:var(--font-weight-bold);letter-spacing:-.02em}[data-theme=dark] .cta-content h2{color:var(--color-white)}.cta-content h2 .accent{color:var(--color-primary)}.cta-content p{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-12);line-height:var(--line-height-relaxed)}[data-theme=dark] .cta-content p{color:var(--color-white-75)}.cta-actions{display:flex;align-items:center;gap:2rem;justify-content:center;flex-wrap:wrap}.btn-cta-primary{background:var(--color-primary);color:var(--color-white);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);border:none;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:var(--space-3);transition:all var(--transition-base);box-shadow:var(--shadow-primary-sm);position:relative}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md);background:var(--color-primary-hover);color:var(--color-white)!important;text-decoration:none!important}.btn-cta-primary:hover .btn-icon{transform:translate(4px)}.btn-icon{transition:transform var(--transition-fast);width:20px;height:20px}.cta-secondary{display:flex;align-items:center;gap:1rem}.cta-or{color:var(--color-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.btn-text-link{color:var(--color-primary);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;transition:all .2s ease}.btn-text-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-slow)}.btn-text-link:hover:after{transform:scaleX(1);transform-origin:left}.btn-text-link:hover{color:var(--color-primary-hover)}.btn-text-link svg{opacity:.7;transition:all .2s ease}.btn-text-link:hover svg{opacity:1;transform:translate(2px,-2px)}@media (max-width: 768px){.hero-video{filter:saturate(.6) brightness(.7) contrast(1)}.hero{padding:0}.hero-title{font-size:3rem}.motion-essential-hero .hero-title{flex-direction:column;gap:.5rem}.hero-tag{font-size:.75rem}.hero-subtitle{font-size:1rem;padding:0 1rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.hero-actions .btn{width:100%;max-width:300px}.cta-actions{flex-direction:column;gap:1.5rem}.cta-secondary{flex-direction:column;gap:.75rem}.btn-cta-primary{width:100%;max-width:300px;justify-content:center}.section-title{font-size:var(--font-size-2xl)}.features-grid,.posts-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.blog{padding:var(--space-8) 0;min-height:calc(100vh - var(--header-height))}.blog-header{text-align:center;margin-bottom:var(--space-12)}.blog-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.03em;position:relative;display:inline-block}.blog-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.blog-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.search-container{flex:1;min-width:300px;position:relative}.search-input{width:100%;padding-left:var(--space-12);border:2px solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-base);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);background-color:var(--color-background);box-shadow:0 0 0 4px var(--color-primary-15);transform:scale(1.02)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.filter-container{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.filter-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.tag-filter{padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.tag-filter:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.tag-filter-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.clear-filters{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;text-decoration:underline}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--space-10);margin-bottom:var(--space-12)}.article-card{cursor:pointer;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--border-radius-2xl);overflow:hidden;transition:all var(--transition-base);border:1px solid transparent;box-shadow:var(--shadow-sm)}.article-card:hover{transform:translateY(calc(var(--space-2) * -1));box-shadow:var(--shadow-xl);border-color:var(--color-primary-30)}.article-image-container{position:relative;height:240px;overflow:hidden;background:linear-gradient(135deg,var(--color-surface-hover),var(--color-background))}.article-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-image{transform:scale(1.1)}.article-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:linear-gradient(135deg,var(--color-surface-hover),var(--color-background))}.article-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--color-black-70),transparent);opacity:0;transition:opacity var(--transition-base)}.article-card:hover .article-overlay{opacity:1}.article-meta{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;justify-content:space-between;align-items:center}.article-date{color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.article-read-time{color:var(--color-white-80);font-size:var(--font-size-sm)}.article-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.article-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.article-tag{background:var(--color-primary-10);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-primary-20);transition:all var(--transition-fast)}.article-tag:hover{background:var(--color-primary-20);border-color:var(--color-primary)}.article-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.article-card:hover .article-title{color:var(--color-primary)}.article-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-cta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-fast);margin-top:auto}.article-cta svg{transition:transform var(--transition-fast)}.article-card:hover .article-cta{gap:var(--space-3)}.article-card:hover .article-cta svg{transform:translate(var(--space-1))}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--space-16) 0;min-height:200px}.loading-spinner{display:flex;gap:var(--space-1)}.loading-spinner span{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-spinner span:nth-child(1){animation-delay:-.32s}.loading-spinner span:nth-child(2){animation-delay:-.16s}.loading-spinner span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.empty-state{text-align:center;padding:var(--space-16) 0}.empty-state h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination-btn{padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);font-size:var(--font-size-sm)}.pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{padding:0 var(--space-4);color:var(--color-text-secondary)}@media (max-width: 768px){.blog-title{font-size:var(--font-size-3xl)}.blog-controls{flex-direction:column}.search-container{min-width:100%}.filter-container{width:100%;justify-content:center}.articles-grid{grid-template-columns:1fr}}.blog-cta{margin-top:var(--space-16);padding:var(--space-12) 0;background:var(--color-surface);border-radius:var(--border-radius-lg);text-align:center}.blog-cta .cta-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.blog-cta .cta-content p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.blog-cta .btn{background:var(--color-primary);color:var(--color-white);padding:var(--space-3) var(--space-8);border-radius:var(--border-radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);display:inline-block;transition:all var(--transition-fast)}.blog-cta .btn:hover{background:var(--color-primary-hover);transform:translateY(calc(var(--space-1) * -2));box-shadow:var(--shadow-lg)}.article-detail{padding:var(--space-8) 0}.article-header{text-align:center;margin-bottom:var(--space-12);max-width:var(--max-width-narrow);margin-left:auto;margin-right:auto}.article-detail-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);position:relative;z-index:1}.article-meta-item{display:flex;align-items:center;gap:var(--space-2)}.article-meta-divider{color:var(--color-text-muted)}.article-hero{width:100%;max-width:var(--max-width-content);margin:0 auto var(--space-12)}.article-hero-image{width:100%;height:auto;max-height:calc(var(--space-16) * 5);object-fit:cover;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.article-body{max-width:var(--max-width-narrow);margin:0 auto}.article-content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--space-8);margin-bottom:var(--space-4)}.article-content h1{font-size:var(--font-size-3xl);padding-bottom:var(--space-3);border-bottom:var(--border-width-medium) solid var(--color-border)}.article-content h2{font-size:var(--font-size-2xl)}.article-content h3{font-size:var(--font-size-xl)}.article-content p{margin-bottom:var(--space-6)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.article-content li{margin-bottom:var(--space-3)}.article-content blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:var(--border-width-thick) solid var(--color-primary);background-color:var(--color-surface);font-style:italic;border-radius:var(--border-radius-md)}.article-content pre{margin:var(--space-6) 0;padding:var(--space-6);background-color:var(--color-code-bg);border-radius:var(--border-radius-md);overflow-x:auto;box-shadow:var(--shadow-md)}.article-content code{font-family:var(--font-mono);font-size:var(--font-size-code)}.article-content img{max-width:100%;height:auto;margin:var(--space-6) 0;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.article-content a{color:var(--color-primary);text-decoration:underline}.article-content a:hover{color:var(--color-primary-hover)}.article-content table{width:100%;margin:var(--space-6) 0;border-collapse:collapse;overflow-x:auto;display:block}.article-content th,.article-content td{padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--color-border);text-align:left}.article-content th{background-color:var(--color-surface);font-weight:var(--font-weight-semibold)}.article-content hr{margin:var(--space-8) 0;border:none;border-top:var(--border-width-thin) solid var(--color-border)}.article-footer{max-width:var(--max-width-narrow);margin:var(--space-12) auto 0;padding-top:var(--space-8);border-top:var(--border-width-thin) solid var(--color-border)}.article-tags-section{margin-bottom:var(--space-8)}.article-tags-label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);display:block}.article-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.article-detail-tag{background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);border:var(--border-width-thin) solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.article-detail-tag:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);text-decoration:none}.article-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);gap:var(--space-4)}.article-nav-link{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.article-nav-link:hover{color:var(--color-primary)}.article-nav-link-prev{flex-direction:row-reverse}.article-admin-actions{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;gap:var(--space-3);z-index:var(--z-sticky)}.admin-action-btn{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.admin-action-btn:hover{transform:translateY(calc(var(--space-1) * -1));box-shadow:var(--shadow-xl)}.admin-action-edit{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.admin-action-delete{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.article-loading,.article-error{text-align:center;padding:var(--space-16) 0}.article-error h2{color:var(--color-error);margin-bottom:var(--space-4)}@media (max-width: var(--breakpoint-md)){.article-detail-title{font-size:var(--font-size-3xl)}.article-content{font-size:var(--font-size-base)}.article-meta{flex-direction:row;gap:var(--space-3);justify-content:center}.article-meta-divider{display:inline}.article-nav{flex-direction:column}.article-admin-actions{bottom:var(--space-4);right:var(--space-4);flex-direction:column}}.article-cta{margin-top:var(--space-16);padding:var(--space-12);background:var(--color-surface);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-md)}.article-cta .cta-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.article-cta .cta-content p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.article-cta .btn{background:var(--color-primary);color:var(--color-white);padding:var(--space-3) var(--space-8);border-radius:var(--border-radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);display:inline-block;transition:all var(--transition-fast)}.article-cta .btn:hover{background:var(--color-primary-hover);transform:translateY(calc(var(--space-1) * -1));box-shadow:var(--shadow-lg)}.contact{padding:0}.submission-hero{background:var(--color-surface);padding:var(--space-24) 0;text-align:center;color:var(--color-text-primary);min-height:50vh;display:flex;align-items:center;position:relative;overflow:hidden}[data-theme=dark] .submission-hero{background:var(--color-surface)}[data-theme=dark] .btn-hero{background:var(--color-primary);color:var(--color-white)}[data-theme=dark] .btn-hero:hover{background:var(--color-primary-hover);color:var(--color-white)}.submission-hero .motion-essential-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.submission-hero .motion-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);width:100%;opacity:.7}.submission-hero .motion-line.line-1{top:20%;animation:slideLine 10s ease-in-out infinite}.submission-hero .motion-line.line-2{bottom:20%;animation:slideLine 12s ease-in-out infinite reverse}@keyframes slideLine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.submission-hero .hero-content{max-width:700px;margin:0 auto;position:relative;z-index:10}.submission-hero .hero-title{color:var(--color-text-primary)!important}.submission-hero .hero-subtitle{color:var(--color-text-secondary)!important;opacity:.95}[data-theme=dark] .submission-hero .hero-title{color:var(--color-white)!important}[data-theme=dark] .submission-hero .hero-subtitle{color:var(--color-white-85)!important;opacity:.95}.hero-title{font-size:var(--font-size-6xl);margin-bottom:var(--space-6);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--space-12);opacity:.95;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.btn-hero{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--color-primary);color:var(--color-white);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-primary-sm)}.btn-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md);background:var(--color-primary-hover);color:var(--color-white)}.btn-hero svg{transition:transform var(--transition-fast)}.btn-hero:hover svg{transform:translate(4px)}.connect-section{padding:var(--space-16) 0}.section-title{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--space-8);color:var(--color-text-primary)}.connect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto}.connect-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-fast)}.connect-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.connect-icon{width:var(--space-12);height:var(--space-12);margin-bottom:var(--space-4);color:var(--color-primary)}.connect-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text-primary)}.connect-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.message-section{padding:var(--space-16) 0;background:var(--color-surface)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10)}.message-content{max-width:800px;margin:0 auto}.contact-form{background:var(--color-white);padding:var(--space-10);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}[data-theme=dark] .contact-form{background:var(--color-surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text-primary)}.form-label-required{color:var(--color-error)}.form-input,.form-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--color-white)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--color-surface-hover);border-color:var(--color-primary-10);color:var(--color-text-primary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 var(--space-1) var(--color-primary-10)}.form-textarea{min-height:calc(var(--space-3) * 10);resize:vertical}.form-error{display:block;color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.form-submit{width:100%;padding:var(--space-4) var(--space-6);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast)}.form-submit:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-success{background:var(--color-success);color:var(--color-white);padding:var(--space-4);border-radius:var(--border-radius-md);margin-bottom:var(--space-6);text-align:center}.contact-faq{padding:var(--space-16) 0 var(--space-20)}.faq-title{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--space-8);color:var(--color-text-primary)}.faq-list{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:var(--space-6);background:none;border:none;text-align:left;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.faq-question:hover{background-color:var(--color-surface-hover)}.faq-icon{transition:transform var(--transition-fast)}.faq-item-open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:none}.faq-item-open .faq-answer{display:block}.form-loading{opacity:.6;pointer-events:none}[data-theme=dark] .connect-card{background:var(--color-surface);border-color:var(--color-primary-10)}[data-theme=dark] .connect-card:hover{border-color:var(--color-primary)}[data-theme=dark] .message-section{background:var(--color-background)}[data-theme=dark] .faq-list{background:var(--color-surface)}[data-theme=dark] .faq-item{border-color:var(--color-primary-10)}@media (max-width: 1024px){.connect-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.submission-hero{padding:var(--space-16) var(--space-4);min-height:40vh}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.btn-hero{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.connect-grid{grid-template-columns:1fr;gap:var(--space-4)}.connect-card{padding:var(--space-4)}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:var(--space-6)}.section-title,.faq-title{font-size:var(--font-size-2xl)}}.about{padding:var(--space-8) 0;min-height:calc(100vh - var(--header-height))}.about-hero{padding:var(--space-20) 0 var(--space-16);text-align:center;position:relative;background:var(--color-background);margin-bottom:var(--space-16)}.about-hero .hero-content{max-width:900px;margin:0 auto;opacity:0;animation:fadeInUp .8s ease forwards}.about-title{font-size:clamp(3rem,8vw,4.5rem);margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.03em;display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.word-slide{display:inline-block;opacity:0;transform:translate(calc(var(--space-5) * -1));animation:slideIn .8s ease forwards}.word-slide.delay-1{animation-delay:.2s}.word-slide.accent{color:var(--color-primary)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.about-lead{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed);opacity:.85}.story-content{max-width:700px;margin:0 auto;text-align:left}.about-lead a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-slow)}.about-lead a:hover{border-bottom-color:var(--color-primary)}.about-story{padding:var(--space-12) 0}.about-story h2{text-align:left;font-size:var(--font-size-3xl);margin-bottom:var(--space-8);color:var(--color-text-primary)}.story-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-6)}[data-theme=dark] .story-text{color:var(--color-white-85)}.story-text .highlight{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.scroll-fade{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.scroll-fade.fade-in-up{opacity:1;transform:translateY(0)}.about-team{padding:var(--space-16) 0;background:var(--color-background)}.about-team h2{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-12);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.team-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-10);max-width:1000px;margin:0 auto}.team-card{background:var(--color-surface);padding:var(--space-10);border-radius:var(--border-radius-xl);border:1px solid var(--color-border);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .team-card{background:var(--color-surface);border:1px solid var(--color-primary-10);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.team-card:hover{transform:translateY(-6px) scale(1.02);background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .team-card:hover{background:var(--color-surface-hover);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.team-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.team-card h3 a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color var(--transition-slow)}.team-card h3 a:hover{border-bottom-color:var(--color-primary)}.team-card p{color:var(--color-text-secondary);line-height:1.6;margin:0}.team-card p a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color var(--transition-slow)}.team-card p a:hover{border-bottom-color:var(--color-primary)}.member-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.member-tags .tag{background:var(--color-primary-10);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.team-box{grid-template-columns:1fr;gap:var(--space-6)}.team-card{padding:var(--space-6)}}.about-cta{padding:var(--space-20) 0;background:var(--color-surface);position:relative;overflow:hidden}.about-cta .cta-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-8)}.about-cta .cta-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.02em}[data-theme=dark] .about-cta .cta-content h2{color:var(--color-white)}.about-cta .cta-content h2 .accent{color:var(--color-primary)}.about-cta .cta-content p{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-12);line-height:var(--line-height-relaxed)}[data-theme=dark] .about-cta .cta-content p{color:var(--color-white-75)}.about-cta .cta-actions{display:flex;align-items:center;gap:2rem;justify-content:center;flex-wrap:wrap}.about-cta .cta-secondary{display:flex;align-items:center;gap:1rem}.about-cta .cta-or{color:var(--color-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.about-cta .btn-cta-primary,.about-cta .btn-cta-primary:hover{text-decoration:none!important;border-bottom:none!important;text-underline-offset:unset!important}.about-cta .btn-cta-primary:focus{text-decoration:none!important;border-bottom:none!important;text-underline-offset:unset!important}.about-cta .btn-cta-primary:active,.about-cta .btn-cta-primary:visited{text-decoration:none!important;border-bottom:none!important;text-underline-offset:unset!important}@media (max-width: 768px){.about-title{font-size:var(--font-size-3xl)}.about-lead{font-size:var(--font-size-lg)}.about-story,.about-team,.about-cta{padding:var(--space-8) 0}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}.not-found{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - calc(var(--space-4) * 8));padding:var(--space-8) 0;position:relative;overflow:hidden}.not-found-content{text-align:center;max-width:calc(var(--space-4) * 24);position:relative;z-index:1}.not-found-title{font-size:var(--font-size-8xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-4);line-height:1;position:relative}.not-found-subtitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.not-found-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.small-text{font-size:var(--font-size-sm);opacity:var(--opacity-70);font-style:italic}.not-found-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.not-found-title{font-size:var(--font-size-7xl)}.not-found-subtitle{font-size:var(--font-size-2xl)}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{width:100%;max-width:calc(var(--space-4) * 8)}.float-emoji{font-size:var(--font-size-2xl)}}:root{--color-background: #f5f5f5;--color-surface: #fafafa;--color-surface-hover: #f0f0f0;--color-text-primary: #1f1409;--color-text-secondary: #6b5d4f;--color-text-muted: #9c8876;--color-border: #d1d5db;--color-primary: #1DB954;--color-primary-hover: #1AA34A;--color-secondary: #1ED760;--color-secondary-hover: #1AA34A;--color-accent: #1DB954;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-code-bg: #fef3c7;--color-code-text: #92400e;--color-gradient-start: #1DB954;--color-gradient-end: #22C55E;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "Consolas", "Monaco", "Andale Mono", "Ubuntu Mono", monospace;--font-display: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius: .375rem;--border-radius-lg: .625rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--radius-sm: var(--border-radius-sm);--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .04);--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--max-width-content: 1200px;--max-width-narrow: 800px;--header-height: 64px;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-85: .85;--opacity-90: .9;--opacity-95: .95;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--space-7: 1.75rem;--space-9: 2.25rem;--space-14: 3.5rem;--space-18: 4.5rem;--font-size-7xl: 5rem;--font-size-8xl: 6rem;--font-size-code: .9em;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-button-primary: var(--color-primary);--color-button-primary-hover: var(--color-primary-hover);--color-button-secondary: var(--color-secondary);--color-button-secondary-hover: var(--color-secondary-hover);--color-input-bg: var(--color-surface);--color-input-border: var(--color-border);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-muted);--color-text-secondary-70: rgba(107, 93, 79, .7);--color-text-secondary-85: rgba(107, 93, 79, .85);--color-white-03: rgba(255, 255, 255, .03);--color-white-05: rgba(255, 255, 255, .05);--color-white-08: rgba(255, 255, 255, .08);--color-white-10: rgba(255, 255, 255, .1);--color-white-20: rgba(255, 255, 255, .2);--color-white-70: rgba(255, 255, 255, .7);--color-white-75: rgba(255, 255, 255, .75);--color-white-80: rgba(255, 255, 255, .8);--color-white-85: rgba(255, 255, 255, .85);--color-black-05: rgba(0, 0, 0, .05);--color-black-08: rgba(0, 0, 0, .08);--color-black-10: rgba(0, 0, 0, .1);--color-black-70: rgba(0, 0, 0, .7);--color-primary-10: rgba(29, 185, 84, .1);--color-primary-15: rgba(29, 185, 84, .15);--color-primary-20: rgba(29, 185, 84, .2);--color-primary-30: rgba(29, 185, 84, .3);--color-primary-35: rgba(29, 185, 84, .35);--color-primary-50: rgba(29, 185, 84, .5);--color-primary-60: rgba(29, 185, 84, .6);--color-primary-70: rgba(29, 185, 84, .7);--color-warning-10: rgba(245, 158, 11, .1);--color-warning-20: rgba(245, 158, 11, .2);--shadow-primary-sm: 0 4px 15px var(--color-primary-30);--shadow-primary-md: 0 8px 25px var(--color-primary-30);--shadow-primary-lg: 0 10px 40px -10px var(--color-primary-60);--shadow-primary-xl: 0 20px 60px -15px var(--color-primary-70)}[data-theme=dark]{--color-background: #0A0E14;--color-surface: #141821;--color-surface-hover: #2A2E34;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #b0b0b0;--color-border: #2A2E34;--color-primary: #1DB954;--color-primary-hover: #22C55E;--color-secondary: #1ED760;--color-secondary-hover: #1AA34A;--color-accent: #1DB954;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-code-bg: #1e2329;--color-code-text: #4ade80;--color-gradient-start: #1DB954;--color-gradient-end: #22C55E;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #1a1f25;--color-gray-100: #252b33;--color-gray-200: #2d343f;--color-gray-300: #404854;--color-gray-400: #5a6575;--color-gray-500: #8892a3;--color-gray-600: #a0aabf;--color-gray-700: #c2cad9;--color-gray-800: #dfe3ec;--color-gray-900: #f0f2f7;--color-input-bg: var(--color-surface);--color-input-border: var(--color-border);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-muted);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-orange: 0 4px 14px 0 var(--color-primary-35);--color-text-secondary-70: rgba(212, 212, 212, .7);--color-text-secondary-85: rgba(212, 212, 212, .85);--color-white-03: rgba(255, 255, 255, .03);--color-white-05: rgba(255, 255, 255, .05);--color-white-08: rgba(255, 255, 255, .08);--color-white-10: rgba(255, 255, 255, .1);--color-white-20: rgba(255, 255, 255, .2);--color-white-70: rgba(255, 255, 255, .7);--color-white-75: rgba(255, 255, 255, .75);--color-white-80: rgba(255, 255, 255, .8);--color-white-85: rgba(255, 255, 255, .85);--color-black-05: rgba(0, 0, 0, .05);--color-black-08: rgba(0, 0, 0, .08);--color-black-10: rgba(0, 0, 0, .1);--color-black-70: rgba(0, 0, 0, .7);--color-primary-10: rgba(29, 185, 84, .1);--color-primary-15: rgba(29, 185, 84, .15);--color-primary-20: rgba(29, 185, 84, .2);--color-primary-30: rgba(29, 185, 84, .3);--color-primary-35: rgba(29, 185, 84, .35);--color-primary-50: rgba(29, 185, 84, .5);--color-primary-60: rgba(29, 185, 84, .6);--color-primary-70: rgba(29, 185, 84, .7)}@media (max-width: 480px){:root{--font-size-base: .875rem;--space-4: .875rem;--space-6: 1.25rem;--space-8: 1.5rem}}@media (min-width: 768px){:root{--header-height: 72px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-base),color var(--transition-base);font-feature-settings:"ss01" on,"ss02" on,"cv01" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);letter-spacing:-.025em;font-family:var(--font-display)}h1{position:relative;display:inline-block}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast);position:relative}a:hover{color:var(--color-primary-hover)}a:not(.btn):not(.nav-link):not(.logo):hover{text-decoration:none}a:not(.btn):not(.nav-link):not(.logo):not(.btn-cta-primary):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-fast)}a:not(.btn):not(.nav-link):not(.logo):not(.btn-cta-primary):hover:after{transform:scaleX(1);transform-origin:left}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-code-bg);padding:var(--space-4);border-radius:var(--border-radius-md);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background-color:transparent;padding:0;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-button-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-button-primary-hover);color:var(--color-white)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-input-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--border-radius);padding:var(--space-3);width:100%;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}textarea{resize:vertical;min-height:100px}label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-6);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-text-muted);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4)}.container-narrow{max-width:var(--max-width-narrow)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.text-large{font-size:var(--font-size-lg)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder);opacity:1}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-30);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-base) cubic-bezier(.4,0,.2,1)}.fade-in-up{animation:fadeInUp var(--transition-slow) cubic-bezier(.4,0,.2,1)}.scale-in{animation:scaleIn var(--transition-base) cubic-bezier(.4,0,.2,1)}.slide-in-left{animation:slideInLeft var(--transition-base) cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.hide-mobile{display:none}.container{padding:0 var(--space-3)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (min-width: 768px){.hide-desktop{display:none}}