.App{background:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base);position:relative}.language-switcher{align-items:center;gap:var(--space-3);display:flex}.globe-icon{color:var(--text-muted);flex-shrink:0}.lang-buttons{gap:var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1);display:flex}.lang-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:600;display:flex}.lang-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.lang-btn.active{color:var(--primary);background:var(--bg-secondary)}.lang-btn .lang-flag{font-size:var(--font-size-sm)}.lang-btn .lang-code{font-size:var(--font-size-xs);font-weight:700}.navigation{z-index:1000;background:rgba(var(--bg-primary), .85);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0}.nav-container{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{font-size:var(--font-size-xl);letter-spacing:-.03em;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;font-weight:800}.nav-items{gap:var(--space-1);display:flex}.nav-actions{align-items:center;gap:var(--space-2);display:flex}.nav-item{padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item.active{color:var(--primary);background:var(--bg-tertiary)}.theme-toggle{border-radius:var(--radius);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--border);color:var(--text-primary)}.hero-section{min-height:100vh;padding:var(--space-32) var(--space-6) var(--space-24);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--glow) 0%, transparent 50%);width:200%;height:200%;animation:8s ease-in-out infinite alternate hero-glow;position:absolute;top:-50%;left:-50%}@keyframes hero-glow{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:1;transform:translate(-5%,5%)scale(1.2)}}.hero-content{z-index:1;text-align:center;width:100%;max-width:900px;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-8);background:var(--bg-secondary);border-radius:100px;font-weight:600;display:inline-flex}.hero-title{font-size:clamp(3rem, 10vw, var(--font-size-8xl));letter-spacing:-.04em;margin-bottom:var(--space-6);color:var(--text-primary);font-weight:800;line-height:1}.hero-title .gradient-text{display:inline-block}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-10);letter-spacing:.02em;font-weight:400}.hero-marquee{margin:var(--space-10) 0;padding:var(--space-4) 0;background:var(--marquee-bg);-webkit-backdrop-filter:blur(12px)contrast(1.1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.hero-marquee .marquee-track{font-size:var(--font-size-sm);color:var(--marquee-text);text-shadow:0 1px 4px rgba(0,0,0,.15);letter-spacing:.1em;font-weight:500}.hero-stats{justify-content:center;gap:var(--space-12);margin-bottom:var(--space-10);display:flex}.hero-stat{text-align:center}.hero-stat h3{font-size:var(--font-size-3xl);color:var(--primary);margin-bottom:var(--space-1);font-weight:800}.hero-stat p{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.hero-cta{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.btn,.btn-outline,.btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);border-radius:var(--radius);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all var(--transition-base);font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 20px var(--glow)}.btn-primary:hover{box-shadow:0 8px 30px var(--glow);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-tertiary)}.hero-social{justify-content:center;gap:var(--space-4);margin-top:var(--space-10);display:flex}.hero-social a{border-radius:var(--radius);border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.hero-social:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-tertiary)}.project-app-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.app-store-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--badge-color,var(--bg-tertiary));color:#fff;border-radius:var(--radius-sm,6px);font-size:var(--font-size-xs);letter-spacing:.03em;transition:all var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.app-store-badge:hover{opacity:.85;color:#fff;transform:translateY(-1px)}section{padding:var(--space-24) 0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header .section-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.section-header h2{font-size:clamp(2rem, 5vw, var(--font-size-6xl));letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:800}.section-header p{font-size:var(--font-size-base);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.7}.about-content{gap:var(--space-12);margin-bottom:var(--space-16);grid-template-columns:1fr;align-items:start;display:grid}.about-text p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.8}.stats-grid{gap:var(--space-6);margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center}.stat-item h3{font-size:var(--font-size-4xl);color:var(--primary);margin-bottom:var(--space-1);font-weight:800}.stat-item p{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.skills-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.skill-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.skill-card:hover{border-color:var(--primary);box-shadow:0 12px 40px var(--shadow);transform:translateY(-4px)}.skill-card:hover:before{opacity:1}.skill-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.skill-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.skill-card h3{font-size:var(--font-size-lg);font-weight:700}.skill-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-tag{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);border:1px solid var(--border);border-radius:100px;font-weight:500}.tech-stack{margin-top:var(--space-12)}.tech-stack h3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);text-align:center;margin-bottom:var(--space-8);font-weight:600}.tech-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.tech-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.tech-item:hover{border-color:var(--primary);background:var(--bg-tertiary)}.tech-icon{border-radius:var(--radius);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tech-info{flex:1;min-width:0}.tech-name{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.tech-progress{background:var(--bg-tertiary);border-radius:2px;width:100%;height:4px;overflow:hidden}.tech-progress-bar{border-radius:2px;height:100%;transition:width 1s ease-out}.tech-level{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1);display:block}.projects-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.project-card:hover{border-color:var(--primary);box-shadow:0 16px 48px var(--shadow);transform:translateY(-6px)}.project-image{background:var(--bg-tertiary);height:200px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:var(--space-6)}.project-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.project-number{font-size:var(--font-size-3xl);color:var(--text-muted);opacity:.3;font-feature-settings:"tnum";font-weight:800;line-height:1}.project-title-group{flex:1}.project-title-group h3{font-size:var(--font-size-lg);margin-bottom:var(--space-1);font-weight:700}.project-status{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;font-weight:600;display:inline-flex}.status-in_progress{color:#f97316;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2)}.status-launched{color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.status-active{color:#3b82f6;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.status-support{color:#a855f7;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2)}.status-completed{color:#6b7280;background:rgba(107,114,128,.1);border:1px solid rgba(107,114,128,.2)}.project-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.7}.project-technologies{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:100px;font-weight:500}.project-link-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.project-link-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-tertiary)}.project-image{cursor:pointer}.project-image-overlay{justify-content:center;align-items:center;gap:var(--space-2);opacity:0;transition:opacity var(--transition-base);color:#fff;font-size:var(--font-size-sm);background:rgba(0,0,0,.5);flex-direction:column;font-weight:500;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-image-overlay{opacity:1}.gallery-overlay{z-index:1000;padding:var(--space-4);background:rgba(0,0,0,.85);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.gallery-modal{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border);flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.gallery-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.gallery-header h3{font-size:var(--font-size-lg);font-weight:700}.gallery-close{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.gallery-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.gallery-body{background:var(--bg-tertiary);flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.gallery-image-container{width:100%;height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.gallery-image{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:65vh}.gallery-nav{color:#fff;cursor:pointer;padding:var(--space-3);transition:all var(--transition-fast);z-index:2;background:rgba(0,0,0,.5);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:rgba(0,0,0,.8)}.gallery-prev{left:var(--space-2)}.gallery-next{right:var(--space-2)}.gallery-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.gallery-dots{gap:var(--space-2);display:flex}.gallery-dot{background:var(--border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%;padding:0}.gallery-dot.active{background:var(--primary);border-radius:4px;width:24px}.gallery-dot:hover:not(.active){background:var(--text-muted)}.gallery-counter{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base)}.testimonial-card:hover{border-color:var(--primary);box-shadow:0 12px 40px var(--shadow);transform:translateY(-4px)}.testimonial-content .quote-icon{color:var(--primary);margin-bottom:var(--space-4);opacity:.5}.testimonial-content p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-6);font-style:italic;line-height:1.8}.testimonial-rating{gap:var(--space-1);color:#fbbf24;margin-bottom:var(--space-6);display:flex}.testimonial-author{align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex}.author-avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.avatar-placeholder{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:100%;height:100%;font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.author-info h4{font-size:var(--font-size-base);margin-bottom:var(--space-1);font-weight:600}.author-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-4);transition:border-color var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--primary)}.faq-question{width:100%;padding:var(--space-6);align-items:center;gap:var(--space-4);text-align:left;cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast);display:flex}.faq-question:hover{background:var(--bg-tertiary)}.faq-number{font-size:var(--font-size-sm);color:var(--primary);opacity:.5;flex-shrink:0;font-weight:700}.faq-question-text{font-size:var(--font-size-base);flex:1;font-weight:600}.faq-chevron{color:var(--text-muted);flex-shrink:0}.faq-answer{overflow:hidden}.faq-answer p{padding:0 var(--space-6) var(--space-6);color:var(--text-secondary);line-height:1.8;font-size:var(--font-size-sm);margin:0}.contact-content{gap:var(--space-12);grid-template-columns:1fr;align-items:start;display:grid}.contact-text h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);font-weight:700}.contact-text p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7}.contact-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.contact-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-base);text-decoration:none;display:flex}.contact-card:hover{border-color:var(--primary);box-shadow:0 8px 24px var(--shadow);transform:translateY(-3px)}.contact-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-info h4{font-size:var(--font-size-sm);margin-bottom:var(--space-1);font-weight:600}.contact-info p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.scroll-to-top{bottom:var(--space-6);right:var(--space-6);background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);box-shadow:0 4px 16px var(--shadow);z-index:1000;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.scroll-to-top:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.scroll-progress{background:linear-gradient(90deg, var(--primary), var(--secondary));transform-origin:0%;z-index:1001;height:2px;position:fixed;top:0;left:0}.scroll-indicator{bottom:var(--space-8);border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);z-index:2;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite scroll-bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator:hover{border-color:var(--primary);color:var(--primary)}@keyframes scroll-bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.floating-particles{position:fixed!important}.mobile-menu-toggle{border-radius:var(--radius);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.mobile-menu-toggle:hover{background:var(--border);color:var(--text-primary)}.mobile-menu-overlay{z-index:1998;background:rgba(0,0,0,.6);width:100%;height:100%;position:fixed;top:0;left:0}.mobile-menu{background:var(--bg-primary);border-left:1px solid var(--border);z-index:1999;flex-direction:column;width:280px;height:100%;display:flex;position:fixed;top:0;right:0}.mobile-menu-header{padding:var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.mobile-menu-header h3{font-size:var(--font-size-lg);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;margin:0;font-weight:700}.mobile-menu-header button{border-radius:var(--radius);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.mobile-menu-nav{padding:var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.mobile-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;font-size:var(--font-size-sm);transition:all var(--transition-fast);font-weight:500;display:flex}.mobile-menu-item:hover{border-color:var(--primary);color:var(--primary)}.section-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px;margin:0}@media (prefers-reduced-motion:reduce){.hero-bg:before{animation:none}.project-card:hover img,.skill-card:hover,.testimonial-card:hover{transform:none}}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-nav{display:block!important}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (min-width:1025px){.mobile-nav{display:none!important}}@media (max-width:768px){section{padding:var(--space-16) 0}.nav-container{padding:var(--space-3) var(--space-4)}.hero-section{padding:var(--space-24) var(--space-4) var(--space-16)}.hero-stats{gap:var(--space-8)}.hero-stat h3{font-size:var(--font-size-2xl)}.skills-grid,.projects-grid,.testimonials-grid,.contact-grid{grid-template-columns:1fr}.stats-grid{gap:var(--space-4);grid-template-columns:1fr}.about-content{grid-template-columns:1fr}.mobile-menu{border-left:none;width:100%}}@media (max-width:480px){.hero-cta{flex-direction:column;align-items:center}.btn,.btn-primary,.btn-outline{justify-content:center;width:100%}.hero-social{gap:var(--space-3)}.project-header{flex-direction:column}.faq-question{padding:var(--space-4)}.faq-answer p{padding:0 var(--space-4) var(--space-4)}}.performance-stats{bottom:var(--space-4);right:var(--space-4);z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:200px;font-size:var(--font-size-xs);position:fixed}.performance-stats h4{font-size:var(--font-size-xs);margin-bottom:var(--space-3);font-weight:600}.metrics-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.metric{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--text-muted)}.metric-value{color:var(--text-primary);font-weight:600}.loading-progress{background:var(--bg-primary);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-content{text-align:center}.loading-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));width:64px;height:64px;font-size:var(--font-size-2xl);color:#fff;margin:0 auto var(--space-6);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.loading-text{margin-bottom:var(--space-6)}.loading-text h2{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.loading-text p{font-size:var(--font-size-sm);color:var(--text-muted)}.progress-bar{background:var(--bg-tertiary);border-radius:2px;width:240px;height:3px;margin:0 auto;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:2px;height:100%}@media print{.navigation,.scroll-to-top,.scroll-progress,.floating-particles,.theme-toggle,.mobile-menu-toggle{display:none!important}section{page-break-inside:avoid;padding:var(--space-8) 0}.hero-section{min-height:auto}}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#06b6d4;--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--bg-card:#16161f;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#1e1e2e;--shadow:rgba(0,0,0,.5);--glow:rgba(99,102,241,.15);--marquee-bg:rgba(10,10,15,.6);--marquee-text:#94a3b8;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:5rem;--font-size-7xl:6rem;--font-size-8xl:8rem;--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;--space-32:8rem;--radius-sm:.375rem;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:.15s ease-out;--transition-base:.3s ease-out;--transition-slow:.5s ease-out}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f4f4f5;--bg-tertiary:#e4e4e7;--bg-card:#fff;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border:#e4e4e7;--shadow:rgba(0,0,0,.06);--glow:rgba(99,102,241,.08);--marquee-bg:rgba(250,250,250,.7);--marquee-text:#52525b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-999px;overflow:hidden}.skip-link:focus-visible{background:var(--bg-secondary);width:auto;height:auto;color:var(--text-primary);z-index:2000;border-radius:var(--radius);box-shadow:0 0 0 4px var(--glow);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem}a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}a{text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{font-size:var(--font-size-6xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary), #a855f7);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--glow)}50%{box-shadow:0 0 40px var(--glow), 0 0 60px rgba(99,102,241,.05)}}.marquee-container{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.marquee-track{gap:var(--space-8);white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;animation:30s linear infinite marquee;display:flex}.marquee-track span{gap:var(--space-8);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);align-items:center;font-weight:600;display:inline-flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@media (max-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (max-width:480px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}@media (prefers-reduced-motion:reduce){.marquee-track,.gradient-text{animation:none}*{animation-duration:.01ms!important}}
