.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all .3s ease}.navbar.scrolled{padding:12px 0;background:#050506e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:baseline;text-decoration:none}.logo-text{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.logo-dot{font-size:28px;font-weight:700;color:var(--color-accent-primary)}.navbar-links{display:flex;align-items:center;gap:40px}.nav-link{font-family:var(--font-primary);font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none;position:relative;padding:4px 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-accent-primary);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--color-text-primary)}.nav-link.active:after{width:100%}.navbar-cta{display:inline-flex;align-items:center;padding:10px 20px;font-family:var(--font-primary);font-size:14px;font-weight:500;color:var(--color-text-primary);background:transparent;border:1px solid var(--color-border);border-radius:6px;text-decoration:none;transition:all .3s ease}.navbar-cta:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.mobile-toggle{display:none;flex-direction:column;gap:6px;padding:8px;background:none;border:none;cursor:pointer}.mobile-toggle span{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s ease}.mobile-toggle.open span:first-child{transform:rotate(45deg) translateY(5.5px)}.mobile-toggle.open span:last-child{transform:rotate(-45deg) translateY(-5.5px)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:32px}.mobile-link{font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color .3s ease}.mobile-link:hover,.mobile-link.active{color:var(--color-text-primary)}.mobile-cta{margin-top:20px;padding:14px 32px;font-family:var(--font-primary);font-size:16px;font-weight:500;color:var(--color-bg-primary);background:var(--color-text-primary);border-radius:8px;text-decoration:none}@media(max-width:768px){.navbar-container{padding:0 24px}.navbar-links,.navbar-cta{display:none}.mobile-toggle{display:flex}}.footer{position:relative;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8);margin-top:auto;overflow:hidden}.footer-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,var(--color-accent-primary-glow) 0%,transparent 70%);opacity:.3;pointer-events:none}.footer-container{position:relative;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-16);margin-bottom:var(--space-12)}.footer-brand{max-width:320px}.footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.footer-logo:hover{color:var(--color-text-primary)}.footer-logo .logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.footer-logo .logo-icon svg{width:100%;height:100%;stroke:var(--color-accent-primary)}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);transition:all var(--transition-base)}.social-link:hover{background:var(--color-accent-gradient);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-glow-sm)}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-links-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin-bottom:var(--space-4)}.footer-links-section ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links-section li a,.footer-links-section li span{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-links-section li a:hover{color:var(--color-accent-primary)}.footer-contact-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-disclaimer{font-style:italic;opacity:.7}@media(max-width:1024px){.footer-main{grid-template-columns:1fr;gap:var(--space-12)}.footer-brand{max-width:100%}}@media(max-width:768px){.footer-links-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-2);text-align:center}}@media(max-width:480px){.footer-links-grid{grid-template-columns:1fr}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.hero-gradient-blob{position:absolute;width:800px;height:800px;right:-200px;top:-200px;background:radial-gradient(circle,rgba(255,51,102,.08) 0%,transparent 60%);filter:blur(60px)}.hero-container{max-width:1400px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;position:relative;z-index:1}.hero-content{max-width:700px}.hero-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:32px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1) .1s}.hero-content.loaded .hero-eyebrow{opacity:1;transform:translateY(0)}.eyebrow-line{width:40px;height:1px;background:var(--color-accent-primary)}.eyebrow-text{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted)}.hero-title-block{margin-bottom:32px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.hero-content.loaded .hero-title-block{opacity:1;transform:translateY(0)}.hero-title{display:flex;align-items:baseline;gap:20px;margin-bottom:16px;flex-wrap:wrap}.title-word{font-family:var(--font-display);font-size:clamp(48px,8vw,80px);font-weight:800;letter-spacing:-.03em;line-height:1}.title-word-1{color:var(--color-text-primary)}.title-word-2{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-arrow{font-size:clamp(32px,5vw,48px);color:var(--color-text-muted);font-weight:300}.hero-tagline{font-family:var(--font-primary);font-size:20px;color:var(--color-text-secondary);line-height:1.6}.hero-tagline em{font-style:italic;color:var(--color-text-primary)}.hero-description{font-size:16px;color:var(--color-text-muted);line-height:1.8;max-width:500px;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .3s}.hero-content.loaded .hero-description{opacity:1;transform:translateY(0)}.hero-actions{display:flex;gap:16px;margin-bottom:48px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.hero-content.loaded .hero-actions{opacity:1;transform:translateY(0)}.hero-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-family:var(--font-primary);font-size:14px;font-weight:600;border-radius:10px;text-decoration:none;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,color .3s ease,border-color .3s ease}.hero-btn span{position:relative;z-index:2}.hero-btn svg{width:18px;height:18px;position:relative;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hero-btn-primary{background:var(--color-text-primary);color:var(--color-bg-primary);box-shadow:0 4px 20px #0003}.hero-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f36,#ff6b6b);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1}.hero-btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 35px #ff336659;color:#fff}.hero-btn-primary:hover:before{transform:scaleX(1)}.hero-btn-primary:hover svg{transform:translate(6px)}.hero-btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.hero-btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0d;transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1}.hero-btn-secondary:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);transform:translateY(-4px)}.hero-btn-secondary:hover:before{transform:scaleY(1)}.hero-proof{display:flex;align-items:center;gap:20px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .5s}.hero-content.loaded .hero-proof{opacity:1;transform:translateY(0)}.proof-item{display:flex;align-items:baseline;gap:8px}.proof-number{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-text-primary)}.proof-label{font-size:13px;color:var(--color-text-muted)}.proof-divider{color:var(--color-text-muted);font-size:20px}.hero-visual{position:relative;height:400px;opacity:0;transform:translate(40px);transition:all 1s cubic-bezier(.16,1,.3,1) .4s}.hero-visual.loaded{opacity:1;transform:translate(0)}.visual-card{position:absolute;background:#12121acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.visual-card-1{top:0;left:0;width:300px;animation:floatSlow 6s ease-in-out infinite}.visual-card-2{bottom:40px;right:0;padding:20px;animation:floatSlow 6s ease-in-out infinite;animation-delay:-2s}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.card-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%}.card-title{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.card-preview{padding:20px}.preview-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;margin-bottom:16px}.preview-content{display:flex;gap:12px}.preview-circle{width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:50%}.preview-lines{display:flex;flex-direction:column;gap:8px;flex:1}.preview-lines span{height:8px;background:var(--color-bg-tertiary);border-radius:4px}.preview-lines span:last-child{width:60%}.card-code{display:flex;flex-direction:column;gap:6px}.code-line{font-family:var(--font-mono);font-size:13px;color:var(--color-text-secondary)}.code-purple{color:#c792ea}.code-green{color:#c3e88d}.visual-badge{position:absolute;bottom:0;left:40px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:12px;font-weight:500;color:var(--color-success)}.badge-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-scroll{position:absolute;bottom:40px;left:60px;display:flex;align-items:center;gap:12px;opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1) .8s}.hero-scroll.loaded{opacity:1}.hero-scroll span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.scroll-line{width:40px;height:1px;background:var(--color-border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;left:0;top:0;width:20px;height:100%;background:var(--color-text-muted);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:translate(-20px)}to{transform:translate(60px)}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:60px;padding:0 40px}.hero-visual{display:none}.hero-content{max-width:100%}}@media(max-width:768px){.hero{padding:100px 0 60px}.hero-container{padding:0 24px}.hero-title{flex-direction:column;gap:8px}.title-arrow{display:none}.hero-actions{flex-direction:column}.hero-btn{justify-content:center;width:100%}.hero-scroll{left:24px}}.project-card{display:block;text-decoration:none;border-radius:20px;overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);transition:all .5s cubic-bezier(.16,1,.3,1)}.project-card:hover{transform:translateY(-12px);border-color:#ffffff1a;box-shadow:0 30px 60px -20px #00000080,0 0 40px -20px var(--color-accent-primary-glow)}.project-preview{position:relative;padding:20px 20px 0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.browser-frame{border-radius:12px;overflow:hidden;background:var(--color-bg-tertiary);border:1px solid var(--color-border);position:relative;transform:perspective(1000px) rotateX(2deg);transform-origin:center bottom;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .browser-frame{transform:perspective(1000px) rotateX(0) scale(1.02)}.browser-header{display:flex;align-items:center;padding:10px 14px;background:#0006;border-bottom:1px solid var(--color-border);gap:12px}.browser-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27ca40}.browser-url{flex:1;display:flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0d;border-radius:6px;font-size:11px}.url-icon{font-size:10px;opacity:.7}.url-text{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.browser-actions{width:40px}.browser-content{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg-primary)}.stack-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stack-back{transform:scale(.92) translateY(-8px);opacity:.4;filter:blur(2px);z-index:1}.stack-front{z-index:2;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .stack-front{transform:scale(1.05)}.stack-layer img,.browser-content .single-image{width:100%;height:100%;object-fit:cover}.preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%)}.placeholder-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-text-muted);background:#ffffff0d;border-radius:16px}.placeholder-text{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.preview-overlay{position:absolute;top:20px;right:20px;bottom:0;left:20px;border-radius:12px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:10}.project-card:hover .preview-overlay{opacity:1}.overlay-content{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border-radius:8px;transform:translateY(10px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .overlay-content{transform:translateY(0)}.overlay-text{font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--color-bg-primary)}.overlay-content svg{width:16px;height:16px;stroke:var(--color-bg-primary);transition:transform .3s ease}.project-card:hover .overlay-content svg{transform:translate(4px)}.status-badge{position:absolute;top:32px;right:32px;display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;z-index:20}.status-badge.deployed{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.prototype{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.project-info{padding:24px}.project-meta{margin-bottom:12px}.project-hackathon{font-size:12px;color:var(--color-accent-primary);font-weight:500}.project-title{font-family:var(--font-heading);font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;transition:color .3s ease}.project-card:hover .project-title{color:var(--color-accent-primary)}.project-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-pill{font-family:var(--font-mono);font-size:11px;padding:5px 12px;border-radius:6px;color:var(--tech-color, var(--color-text-secondary));background:color-mix(in srgb,var(--tech-color, var(--color-text-muted)) 12%,transparent);border:1px solid color-mix(in srgb,var(--tech-color, var(--color-text-muted)) 20%,transparent);transition:all .3s ease}.project-card:hover .tech-pill{background:color-mix(in srgb,var(--tech-color, var(--color-text-muted)) 18%,transparent)}.tech-more{font-size:11px;color:var(--color-text-muted);padding:5px 10px}@media(max-width:768px){.project-preview{padding:16px 16px 0}.project-info{padding:20px}.project-title{font-size:18px}.browser-frame,.project-card:hover .browser-frame{transform:none}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff0d;z-index:9999;pointer-events:none}.scroll-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--scroll-progress, 0%);background:linear-gradient(90deg,#f36,#7c3aed);transition:width .1s linear}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1}[data-reveal=up]{transform:translateY(80px)}[data-reveal=up].revealed{transform:translateY(0)}[data-reveal=down]{transform:translateY(-80px)}[data-reveal=down].revealed{transform:translateY(0)}[data-reveal=left]{transform:translate(-80px)}[data-reveal=left].revealed{transform:translate(0)}[data-reveal=right]{transform:translate(80px)}[data-reveal=right].revealed{transform:translate(0)}[data-reveal=scale]{transform:scale(.85)}[data-reveal=scale].revealed{transform:scale(1)}[data-reveal=fade]{transform:none}.cinematic-reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.cinematic-revealed{opacity:1;transform:translateY(0)}[data-parallax]{will-change:transform;transition:transform .05s linear}[data-scale-scroll]{will-change:transform,opacity;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s ease}[data-text-reveal]{overflow:hidden}[data-text-reveal] .reveal-word{display:inline-block;opacity:0;transform:translateY(100%);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--word-index) * .05s)}[data-text-reveal].text-revealed .reveal-word{opacity:1;transform:translateY(0)}[data-horizontal-scroll]{overflow:hidden;position:relative}.horizontal-content{display:flex;gap:32px;will-change:transform;transition:transform .15s linear}.stagger-children>*{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.stagger-children.revealed>*:nth-child(1){transition-delay:0s}.stagger-children.revealed>*:nth-child(2){transition-delay:.1s}.stagger-children.revealed>*:nth-child(3){transition-delay:.2s}.stagger-children.revealed>*:nth-child(4){transition-delay:.3s}.stagger-children.revealed>*:nth-child(5){transition-delay:.4s}.stagger-children.revealed>*:nth-child(6){transition-delay:.5s}.stagger-children.revealed>*{opacity:1;transform:translateY(0)}.cinematic-section{position:relative;overflow:hidden}.cinematic-section:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,var(--color-bg-primary) 0%,transparent 100%);pointer-events:none;z-index:5;opacity:0;transition:opacity .5s ease}.cinematic-section.active:before{opacity:1}.blur-reveal{opacity:0;filter:blur(20px);transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.blur-reveal.revealed{opacity:1;filter:blur(0);transform:translateY(0)}.clip-reveal{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(.65,0,.35,1)}.clip-reveal.revealed{clip-path:inset(0 0 0 0)}.wipe-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);transform:scaleX(1);transform-origin:right;transition:transform 1s cubic-bezier(.65,0,.35,1)}.wipe-reveal.revealed:after{transform:scaleX(0)}.split-reveal{overflow:hidden}.split-reveal-line{display:block;transform:translateY(100%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.split-reveal.revealed .split-reveal-line{transform:translateY(0)}.dramatic-scale{opacity:0;transform:scale(.7);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.dramatic-scale.revealed{opacity:1;transform:scale(1)}.spin-reveal{opacity:0;transform:rotate(-10deg) translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.float-element{animation:cinematicFloat 6s ease-in-out infinite}@keyframes cinematicFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(1deg)}75%{transform:translateY(10px) rotate(-1deg)}}.pulse-glow{animation:cinematicPulse 3s ease-in-out infinite}@keyframes cinematicPulse{0%,to{box-shadow:0 0 20px #f363}50%{box-shadow:0 0 40px #f366,0 0 60px #7c3aed33}}.section-fade{opacity:0;transform:translateY(100px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1)}.section-fade.in-view{opacity:1;transform:translateY(0)}.marquee{display:flex;overflow:hidden;white-space:nowrap}.marquee-content{display:flex;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){[data-reveal],.cinematic-reveal,.blur-reveal,.clip-reveal,.dramatic-scale,.spin-reveal{transition-duration:.6s}[data-reveal=up],[data-reveal=down]{transform:translateY(40px)}[data-reveal=left],[data-reveal=right]{transform:translate(30px)}}@media(prefers-reduced-motion:reduce){[data-reveal],.cinematic-reveal,.blur-reveal,.clip-reveal,.wipe-reveal,.dramatic-scale,.spin-reveal,.section-fade,[data-parallax],[data-scale-scroll],[data-text-reveal] .reveal-word,.stagger-children>*{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important;animation:none!important}.wipe-reveal:after,.marquee-content{animation:none!important;transform:none!important}}.home{--section-padding: 140px;overflow-x:hidden}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff08;z-index:9999;pointer-events:none}.label-line{width:32px;height:1px;background:var(--color-accent-primary)}.stagger-item{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.stagger-item.revealed{opacity:1;transform:translateY(0)}.blur-reveal{opacity:0;filter:blur(15px);transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.in-view .blur-reveal{opacity:1;filter:blur(0);transform:translateY(0)}.wipe-reveal{position:relative;overflow:hidden}.wipe-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-secondary);transform:scaleX(1);transform-origin:right;transition:transform 1.2s cubic-bezier(.65,0,.35,1)}.in-view .wipe-reveal:after{transform:scaleX(0)}.clip-reveal{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.65,0,.35,1)}.in-view .clip-reveal{clip-path:inset(0 0 0 0)}.dramatic-scale{opacity:0;transform:scale(.8);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)}.in-view .dramatic-scale{opacity:1;transform:scale(1)}.spin-reveal{opacity:0;transform:rotate(-8deg) translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.spin-reveal.revealed{opacity:1;transform:rotate(0) translateY(0)}.pulse-glow{animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px #ff33661a}50%{box-shadow:0 0 50px #ff336640,0 0 80px #7c3aed26}}.section-about{padding:var(--section-padding) 0;background:var(--color-bg-secondary)}.about-container{max-width:1200px;margin:0 auto;padding:0 60px}.about-label{display:flex;align-items:center;gap:16px;margin-bottom:48px}.about-label span:last-child{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.about-heading{font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.2;margin-bottom:24px;color:var(--color-text-primary)}.about-heading em{font-style:normal;color:var(--color-accent-primary)}.about-text{font-size:17px;line-height:1.8;color:var(--color-text-secondary)}.about-points{display:flex;flex-direction:column;gap:32px;padding-top:8px}.point{display:flex;gap:20px;align-items:flex-start;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;transition:all .4s cubic-bezier(.16,1,.3,1)}.point:hover{border-color:var(--color-accent-primary);transform:translate(10px)}.point-number{font-family:var(--font-mono);font-size:12px;color:var(--color-accent-primary);padding-top:4px;font-weight:600}.point-content h4{font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:6px;color:var(--color-text-primary)}.point-content p{font-size:14px;color:var(--color-text-muted)}.section-services{padding:var(--section-padding) 0}.services-container{max-width:1200px;margin:0 auto;padding:0 60px}.services-header{margin-bottom:64px;text-align:center}.services-title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:16px;color:var(--color-text-primary)}.services-subtitle{font-size:17px;color:var(--color-text-muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-item{padding:32px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;transition:all .5s cubic-bezier(.16,1,.3,1)}.service-item:hover{border-color:#ff33664d;transform:translateY(-8px);box-shadow:0 20px 40px -20px #f363}.service-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-accent-primary);background:linear-gradient(135deg,#ff33661a,#7c3aed1a);border-radius:14px}.service-item h3{font-family:var(--font-heading);font-size:20px;font-weight:600;margin-bottom:12px;color:var(--color-text-primary)}.service-item p{font-size:14px;line-height:1.7;color:var(--color-text-muted)}.section-work{padding:var(--section-padding) 0;background:var(--color-bg-secondary)}.work-container{max-width:1200px;margin:0 auto;padding:0 60px}.work-header{margin-bottom:64px}.work-label{display:flex;align-items:center;gap:16px;margin-bottom:20px}.work-label span:last-child{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.work-title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--color-text-primary)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.work-item{transform-origin:center}.work-footer{margin-top:64px;text-align:center}.work-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-primary);font-size:15px;font-weight:600;color:var(--color-text-secondary);text-decoration:none;padding:16px 32px;border:1px solid var(--color-border);border-radius:10px;transition:all .4s cubic-bezier(.16,1,.3,1)}.work-link:hover{color:var(--color-text-primary);border-color:var(--color-accent-primary);box-shadow:0 0 30px #f363}.work-link svg{width:18px;height:18px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.work-link:hover svg{transform:translate(6px)}.section-cta{padding:var(--section-padding) 0}.cta-container{max-width:1200px;margin:0 auto;padding:0 60px}.cta-content{text-align:center;padding:100px 60px;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-card));border-radius:24px;border:1px solid var(--color-border);position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent)}.cta-content h2{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:700;margin-bottom:16px;color:var(--color-text-primary)}.cta-content p{font-size:18px;color:var(--color-text-muted);margin-bottom:40px}.cta-button{display:inline-flex;padding:18px 40px;font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-bg-primary);background:var(--color-text-primary);border-radius:10px;text-decoration:none;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.cta-button span{position:relative;z-index:2}.cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f36,#ff6b6b);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1}.cta-button:hover{transform:translateY(-4px);box-shadow:0 15px 40px #ff33664d;color:#fff}.cta-button:hover:before{transform:scaleX(1)}@media(max-width:1024px){.home{--section-padding: 100px}.about-grid{grid-template-columns:1fr;gap:48px}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home{--section-padding: 80px}.about-container,.services-container,.work-container,.cta-container{padding:0 24px}.services-grid,.work-grid{grid-template-columns:1fr}.cta-content{padding:60px 24px}.blur-reveal,.dramatic-scale,.spin-reveal,.stagger-item{transition-duration:.6s}.blur-reveal{filter:blur(8px);transform:translateY(20px)}}.projects-page{padding-top:80px}.projects-hero{padding:var(--space-20) 0 var(--space-12);background:var(--color-bg-secondary);text-align:center}.projects-hero-content{max-width:700px;margin:0 auto}.page-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4)}.projects-list-section{background:var(--color-bg-primary)}.projects-filters{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-5);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.filter-btn.active{color:#fff;background:var(--color-accent-gradient);border-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.no-projects{grid-column:1 / -1;text-align:center;padding:var(--space-16) 0}.no-projects p{font-size:var(--text-lg);color:var(--color-text-muted)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.projects-filters{gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}.phone-gallery{position:relative;padding:var(--space-16) 0;overflow:hidden}.phone-gallery-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floating-phone{position:absolute;opacity:.15;filter:blur(2px);animation:floatPhone 8s ease-in-out infinite;animation-delay:var(--delay)}.floating-phone-1{top:10%;left:5%;transform:rotate(-15deg) scale(.4)}.floating-phone-2{top:20%;right:8%;transform:rotate(12deg) scale(.35)}.floating-phone-3{bottom:15%;left:10%;transform:rotate(-8deg) scale(.3)}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(var(--rotation, -15deg)) scale(var(--scale, .4))}50%{transform:translateY(-20px) rotate(calc(var(--rotation, -15deg) + 3deg)) scale(var(--scale, .4))}}.phone-frame-mini{width:120px;height:250px;background:linear-gradient(145deg,#2a2a3a,#1a1a25);border-radius:24px;padding:8px;box-shadow:0 10px 40px #0006}.phone-screen-mini{width:100%;height:100%;background:#000;border-radius:18px;overflow:hidden}.phone-screen-mini img{width:100%;height:100%;object-fit:cover}.phone-showcase{position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px;min-height:550px}.phone-3d-container{position:relative;transform-style:preserve-3d;animation:phoneFloat 4s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:translateY(0) rotateY(-5deg) rotateX(2deg)}50%{transform:translateY(-15px) rotateY(5deg) rotateX(-2deg)}}.phone-frame{position:relative;width:280px;height:580px;background:linear-gradient(145deg,#3a3a4a,#1a1a25);border-radius:44px;padding:12px;box-shadow:0 50px 100px -20px #0009,0 30px 60px -30px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;transform-style:preserve-3d}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:28px;background:#000;border-radius:0 0 16px 16px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10}.notch-speaker{width:50px;height:4px;background:#1a1a25;border-radius:2px}.notch-camera{width:10px;height:10px;background:#1a1a25;border-radius:50%;box-shadow:inset 0 0 0 2px #2a2a3a}.phone-screen{width:100%;height:100%;background:#000;border-radius:36px;overflow:hidden;position:relative}.phone-screen img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.phone-3d-container:hover .phone-screen img{transform:scale(1.02)}.phone-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.03) 100%);pointer-events:none}.phone-button-power{position:absolute;top:120px;right:-3px;width:4px;height:60px;background:linear-gradient(to bottom,#3a3a4a,#2a2a35);border-radius:0 2px 2px 0}.phone-button-volume-up{position:absolute;top:100px;left:-3px;width:4px;height:40px;background:linear-gradient(to bottom,#3a3a4a,#2a2a35);border-radius:2px 0 0 2px}.phone-button-volume-down{position:absolute;top:160px;left:-3px;width:4px;height:40px;background:linear-gradient(to bottom,#3a3a4a,#2a2a35);border-radius:2px 0 0 2px}.phone-reflection{position:absolute;top:100%;left:0;width:100%;transform:scaleY(-1) translateY(10px);opacity:.15;filter:blur(2px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);pointer-events:none}.reflection-frame{box-shadow:none}.phone-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--color-accent-primary-glow) 0%,var(--color-accent-secondary-glow) 30%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(60px);opacity:.4;pointer-events:none;z-index:-1}.phone-gallery-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-8)}.gallery-nav-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.gallery-nav-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:scale(1.1)}.gallery-nav-btn svg{width:20px;height:20px}.gallery-dots{display:flex;align-items:center;gap:var(--space-2)}.gallery-dot{width:10px;height:10px;background:var(--color-border);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);padding:0}.gallery-dot:hover{background:var(--color-text-muted)}.gallery-dot.active{width:32px;background:var(--color-accent-gradient);box-shadow:0 0 15px var(--color-accent-primary-glow)}.phone-gallery-caption{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4);font-weight:var(--font-medium)}@media(max-width:768px){.phone-showcase{min-height:450px;perspective:800px}.phone-frame{width:220px;height:460px;border-radius:36px;padding:10px}.phone-notch{width:100px;height:24px;border-radius:0 0 12px 12px}.phone-screen{border-radius:28px}.floating-phone{display:none}.phone-glow{width:300px;height:300px}.phone-reflection{display:none}}@media(max-width:480px){.phone-frame{width:180px;height:380px;border-radius:30px;padding:8px}.phone-screen{border-radius:24px}}.project-detail-page{padding-top:80px}.project-detail-page.not-found{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}.not-found h1{margin-bottom:var(--space-4)}.not-found p{margin-bottom:var(--space-8)}.project-hero{position:relative;padding:var(--space-12) 0 var(--space-16);background:var(--color-bg-secondary);overflow:hidden}.project-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.project-hero-bg .hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.project-hero-bg .hero-orb-1{width:400px;height:400px;background:var(--color-accent-primary-glow);top:-10%;right:10%}.project-hero-bg .hero-orb-2{width:300px;height:300px;background:var(--color-accent-secondary-glow);bottom:-10%;left:10%}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);transition:all var(--transition-fast);position:relative}.back-link:hover{color:var(--color-text-primary)}.back-link:hover svg{transform:translate(-4px)}.back-link svg{transition:transform var(--transition-fast)}.project-hero-content{position:relative;max-width:800px}.project-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.project-hackathon{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border)}.project-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-2);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-subtitle{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-6)}.project-tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.problem-solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.problem-card,.solution-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.problem-card:hover,.solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);color:var(--color-accent-primary)}.problem-card h3,.solution-card h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}.problem-card p,.solution-card p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.features-section{background:var(--color-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.feature-item:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translate(4px)}.feature-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0}.gallery-section{background:var(--color-bg-primary);position:relative;overflow:hidden}.gallery-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 30% 20%,var(--color-accent-secondary-glow) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,var(--color-accent-primary-glow) 0%,transparent 50%);opacity:.3;pointer-events:none}.architecture-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:center}.architecture-text .section-label{margin-bottom:var(--space-2)}.architecture-text p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8}.tech-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tech-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid;border-radius:var(--radius-lg);transition:all var(--transition-base)}.tech-item:hover{background:var(--color-bg-card-hover);transform:translate(4px)}.tech-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tech-name{font-size:var(--text-sm);font-weight:var(--font-medium)}.project-cta-section{background:var(--color-bg-secondary)}.project-cta{text-align:center;padding:var(--space-12);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.project-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--color-accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.project-cta h2{font-size:var(--text-3xl);margin-bottom:var(--space-3);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-cta p{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8)}.lightbox-close{position:absolute;top:var(--space-6);right:var(--space-6);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.lightbox-close:hover{background:var(--color-bg-card-hover);transform:rotate(90deg)}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.lightbox-nav{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6)}.lightbox-nav button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.lightbox-nav button:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.lightbox-nav span{color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-mono)}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.architecture-content{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:768px){.project-title{font-size:var(--text-4xl)}.problem-solution-grid,.features-grid,.tech-breakdown{grid-template-columns:1fr}}.lanyard-wrapper{position:relative;z-index:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent}.about-page{padding-top:80px}.about-hero{position:relative;padding:var(--space-20) 0 var(--space-12);background:var(--color-bg-secondary);text-align:center;overflow:hidden}.about-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.about-hero-bg .hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.about-hero-bg .hero-orb-1{width:400px;height:400px;background:var(--color-accent-primary-glow);top:-20%;right:10%}.about-hero-bg .hero-orb-2{width:300px;height:300px;background:var(--color-accent-secondary-glow);bottom:-10%;left:20%}.about-hero-content{position:relative;max-width:700px;margin:0 auto}.page-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7}.story-section{background:var(--color-bg-primary)}.story-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:center}.story-text h2{font-size:var(--text-3xl);margin-bottom:var(--space-6);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-text p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.story-text strong{color:var(--color-text-primary)}.story-visual{display:flex;flex-direction:column;gap:var(--space-4)}.story-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.story-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--color-accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.story-card:hover{background:var(--color-bg-card-hover);transform:translate(8px)}.story-card:hover:before{opacity:1}.story-stat .stat-number{display:block;font-size:var(--text-4xl);font-weight:var(--font-extrabold);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-stat .stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.values-section{background:var(--color-bg-secondary)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.value-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.value-card:hover{background:var(--color-bg-card-hover);transform:translateY(-8px)}.value-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--color-accent-primary);transition:all var(--transition-base)}.value-card:hover .value-icon{background:var(--color-accent-gradient);color:#fff;border-color:transparent}.value-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.value-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.skills-section{background:var(--color-bg-primary)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.skill-category{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.skill-category:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.skill-category h4{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.not-section{background:var(--color-bg-secondary)}.not-content{text-align:center;max-width:800px;margin:0 auto}.not-content h2{font-size:var(--text-4xl);margin-bottom:var(--space-10);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.strikethrough{background:none;-webkit-text-fill-color:var(--color-accent-primary);position:relative}.strikethrough:after{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:var(--color-accent-primary);transform:rotate(-5deg)}.not-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.not-item{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-secondary);transition:all var(--transition-base)}.not-item:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-primary)}.not-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary)}.not-description{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7}@media(max-width:1024px){.values-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.story-content{grid-template-columns:1fr;gap:var(--space-8)}.story-visual{flex-direction:row;flex-wrap:wrap;justify-content:center}.story-card{flex:1 1 140px}.values-grid,.skills-grid,.not-grid{grid-template-columns:1fr}}.connect-page{padding-top:80px}.connect-hero{position:relative;padding:var(--space-20) 0 var(--space-12);background:var(--color-bg-secondary);text-align:center;overflow:hidden}.connect-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.connect-hero-bg .hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.connect-hero-bg .hero-orb-1{width:400px;height:400px;background:var(--color-accent-secondary-glow);top:-20%;left:10%}.connect-hero-bg .hero-orb-2{width:300px;height:300px;background:var(--color-accent-primary-glow);bottom:-10%;right:20%}.connect-hero-content{position:relative;max-width:700px;margin:0 auto}.contact-section{background:var(--color-bg-primary)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16)}.contact-form-wrapper h2,.contact-methods-wrapper h2{font-size:var(--text-2xl);margin-bottom:var(--space-3);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-description,.methods-description{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-border-hover)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-group textarea{resize:vertical;min-height:120px}.form-success{text-align:center;padding:var(--space-12);background:var(--color-bg-card);border:1px solid var(--color-success);border-radius:var(--radius-xl)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#10b98126;color:var(--color-success);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.form-success h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.form-success p{color:var(--color-text-muted)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.contact-method{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.contact-method:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--color-accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.contact-method:hover{background:var(--color-bg-card-hover);transform:translate(8px)}.contact-method:hover:before{opacity:1}.method-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-base)}.contact-method:hover .method-icon{background:var(--color-accent-gradient);border-color:transparent;color:#fff}.method-info{display:flex;flex-direction:column;flex:1}.method-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.method-value{font-size:var(--text-sm);color:var(--color-text-secondary)}.method-description{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.method-arrow{color:var(--color-text-muted);transition:all var(--transition-fast)}.contact-method:hover .method-arrow{transform:translate(4px);color:var(--color-accent-primary)}.disclaimer{padding:var(--space-4);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.disclaimer p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.disclaimer strong{color:var(--color-text-secondary)}.faq-section{background:var(--color-bg-secondary)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.faq-item{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.faq-item h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.faq-item p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:var(--space-12)}}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary: #050506;--color-bg-secondary: #0a0a0c;--color-bg-tertiary: #12121a;--color-bg-card: rgba(18, 18, 26, .6);--color-bg-card-hover: rgba(28, 28, 40, .8);--color-bg-glass: rgba(255, 255, 255, .03);--color-accent-primary: #ff3366;--color-accent-primary-glow: rgba(255, 51, 102, .25);--color-accent-secondary: #7c3aed;--color-accent-secondary-glow: rgba(124, 58, 237, .25);--color-accent-tertiary: #06b6d4;--color-accent-gradient: linear-gradient(135deg, #ff3366 0%, #7c3aed 50%, #06b6d4 100%);--color-accent-gradient-hover: linear-gradient(135deg, #ff4477 0%, #8b4aff 50%, #0ed0f0 100%);--color-text-primary: #fafafa;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-success: #10b981;--color-warning: #f59e0b;--color-info: #3b82f6;--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-border-glow: rgba(255, 51, 102, .3);--font-display: "Syne", sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--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-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px var(--color-accent-primary-glow);--shadow-glow-sm: 0 0 30px var(--color-accent-primary-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-slower: .7s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--container-max: 1280px;--container-padding: var(--space-6)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.15;font-weight:var(--font-bold);letter-spacing:-.025em}h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.03em}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary)}.icon{display:inline-flex;align-items:center;justify-content:center}.icon svg{width:100%;height:100%}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-24) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-primary);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent-primary-glow);border-radius:var(--radius-full);border:1px solid rgba(255,51,102,.2)}.section-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.glass-card{background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.gradient-border{position:relative;background:var(--color-bg-card);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#ff33664d,#7c3aed4d,#06b6d44d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.gradient-border:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-family:var(--font-primary);font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.btn svg{width:16px;height:16px;transition:transform .3s ease}.btn:hover svg{transform:translate(4px)}.btn-primary{background:var(--color-text-primary);color:var(--color-bg-primary);box-shadow:0 4px 20px #0000004d}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:0}.btn-primary span{position:relative;z-index:1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff33664d;color:#fff}.btn-primary:hover:before{transform:scaleX(1)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-card-hover);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:0}.btn-secondary span{position:relative;z-index:1}.btn-secondary:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);transform:translateY(-3px)}.btn-secondary:hover:before{transform:scaleY(1)}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);position:relative}.btn-outline:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;border-radius:inherit;background:var(--color-accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.btn-outline:hover:before{opacity:1}.btn-outline:hover{border-color:transparent;transform:translateY(-3px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px 0;border-radius:0}.btn-ghost:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--color-accent-primary);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-ghost:hover{color:var(--color-text-primary)}.btn-ghost:hover:after{transform:scaleX(1);transform-origin:left}.btn-pill{border-radius:50px;padding:12px 24px}.btn-pill.btn-primary:hover{box-shadow:0 0 30px var(--color-accent-primary-glow),0 10px 30px #f363}.btn-lg{padding:18px 36px;font-size:15px}.btn-sm{padding:10px 20px;font-size:13px}.btn-icon{width:48px;height:48px;padding:0;border-radius:12px}.btn-icon svg{width:20px;height:20px}.btn-arrow svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-arrow:hover svg{transform:translate(6px)}.btn-split{padding:0;overflow:visible}.btn-split-text{padding:14px 20px;border-right:1px solid rgba(255,255,255,.1)}.btn-split-icon{padding:14px 16px;display:flex;align-items:center;justify-content:center}.card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--color-accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.card:hover{background:var(--color-bg-card-hover);transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-xl),var(--shadow-glow-sm)}.card:hover:before{opacity:1}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all var(--transition-fast)}.tag:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}.tag-colored{border-color:currentColor;background:color-mix(in srgb,currentColor 10%,transparent)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-success{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.text-reveal{animation:textReveal 1s cubic-bezier(.65,0,.35,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--color-accent-primary-glow)}50%{box-shadow:0 0 40px var(--color-accent-primary-glow),0 0 60px var(--color-accent-secondary-glow)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes borderGlow{0%,to{border-color:#ff33664d}33%{border-color:#7c3aed4d}66%{border-color:#06b6d44d}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-scale{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-left{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.animate-gradient-flow{background-size:200% 200%;animation:gradientFlow 4s ease infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity var(--transition-slower),transform var(--transition-slower)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-scale{opacity:0;transform:scale(.95);transition:opacity var(--transition-slower),transform var(--transition-slower)}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.hover-lift{transition:transform var(--transition-spring),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-spring)}.hover-scale:hover{transform:scale(1.05)}.magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:1024px){:root{--text-7xl: 3.5rem;--text-6xl: 3rem;--text-5xl: 2.5rem}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--text-7xl: 2.75rem;--text-6xl: 2.5rem;--text-5xl: 2rem;--text-4xl: 1.75rem;--container-padding: var(--space-4)}.section{padding:var(--space-16) 0}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section-title{font-size:var(--text-3xl)}.scroll-animate,.scroll-animate-scale{transition-duration:.4s}}@media(max-width:480px){:root{--text-7xl: 2.25rem;--text-6xl: 2rem;--text-5xl: 1.75rem;--text-4xl: 1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-primary);color:#fff}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.scroll-progress-indicator{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--color-bg-tertiary);z-index:9999}.scroll-progress-bar{height:100%;background:var(--color-accent-gradient);transition:width .1s linear}.scroll-reveal{transition:opacity var(--reveal-duration, .8s) cubic-bezier(.16,1,.3,1),transform var(--reveal-duration, .8s) cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0s)}.scroll-reveal-fadeUp{opacity:0;transform:translateY(60px)}.scroll-reveal-fadeUp.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-fadeIn{opacity:0}.scroll-reveal-fadeIn.is-visible{opacity:1}.scroll-reveal-slideLeft{opacity:0;transform:translate(-80px)}.scroll-reveal-slideLeft.is-visible{opacity:1;transform:translate(0)}.scroll-reveal-slideRight{opacity:0;transform:translate(80px)}.scroll-reveal-slideRight.is-visible{opacity:1;transform:translate(0)}.scroll-reveal-scale{opacity:0;transform:scale(.85)}.scroll-reveal-scale.is-visible{opacity:1;transform:scale(1)}.scroll-reveal-rotate{opacity:0;transform:rotate(-10deg) translateY(40px)}.scroll-reveal-rotate.is-visible{opacity:1;transform:rotate(0) translateY(0)}.scroll-reveal-flip{opacity:0;transform:perspective(1000px) rotateX(-30deg);transform-origin:top center}.scroll-reveal-flip.is-visible{opacity:1;transform:perspective(1000px) rotateX(0)}.scroll-reveal-zoomBlur{opacity:0;transform:scale(1.1);filter:blur(10px)}.scroll-reveal-zoomBlur.is-visible{opacity:1;transform:scale(1);filter:blur(0)}.scroll-reveal-swing{opacity:0;transform:perspective(500px) rotateY(-15deg) translate(-30px);transform-origin:left center}.scroll-reveal-swing.is-visible{opacity:1;transform:perspective(500px) rotateY(0) translate(0)}.scroll-reveal-pop{opacity:0;transform:scale(.5)}.scroll-reveal-pop.is-visible{opacity:1;transform:scale(1);animation:popBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes popBounce{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}.scroll-reveal-blur{opacity:0;filter:blur(20px);transform:translateY(20px)}.scroll-reveal-blur.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.scroll-reveal-slideUpRotate{opacity:0;transform:translateY(100px) rotate(5deg)}.scroll-reveal-slideUpRotate.is-visible{opacity:1;transform:translateY(0) rotate(0)}.scroll-reveal-expand{opacity:0;transform:scaleX(0);transform-origin:left center}.scroll-reveal-expand.is-visible{opacity:1;transform:scaleX(1)}.scroll-reveal-skew{opacity:0;transform:skewY(5deg) translateY(30px)}.scroll-reveal-skew.is-visible{opacity:1;transform:skewY(0) translateY(0)}.scroll-reveal-clipUp{clip-path:inset(100% 0 0 0)}.scroll-reveal-clipUp.is-visible{clip-path:inset(0 0 0 0)}.scroll-reveal-clipLeft{clip-path:inset(0 100% 0 0)}.scroll-reveal-clipLeft.is-visible{clip-path:inset(0 0 0 0)}.scroll-reveal-mask{position:relative;overflow:hidden}.scroll-reveal-mask:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);transform:scaleX(1);transform-origin:right;transition:transform var(--reveal-duration, .8s) cubic-bezier(.65,0,.35,1)}.scroll-reveal-mask.is-visible:after{transform:scaleX(0)}.stagger-container{display:contents}.parallax-section{will-change:transform}.animated-text{display:inline}.animated-counter{font-variant-numeric:tabular-nums}.split-line{overflow:hidden}.split-line-inner{display:inline-block;transform:translateY(100%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.split-line.is-visible .split-line-inner{transform:translateY(0)}.horizontal-scroll-section{overflow-x:hidden;position:relative}.horizontal-scroll-content{display:flex;gap:var(--space-6);transition:transform .1s linear;will-change:transform}.scroll-reveal-border{position:relative}.scroll-reveal-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--color-accent-gradient);border-radius:inherit;opacity:0;z-index:-1;transition:opacity .6s ease}.scroll-reveal-border.is-visible:before{opacity:1;animation:borderPulse 2s ease-in-out infinite}@keyframes borderPulse{0%,to{opacity:.3}50%{opacity:.6}}.typewriter{overflow:hidden;border-right:2px solid var(--color-accent-primary);white-space:nowrap;animation:typewriter 2s steps(30) 1s forwards,blink .75s step-end infinite;width:0}@keyframes typewriter{to{width:100%}}@keyframes blink{50%{border-color:transparent}}.scroll-highlight{background:linear-gradient(120deg,transparent 0%,transparent 50%,var(--color-accent-primary-glow) 50%,var(--color-accent-primary-glow) 100%);background-size:200% 100%;background-position:100% 0;transition:background-position .5s ease}.scroll-highlight.is-visible{background-position:0 0}.scroll-draw-border{position:relative}.scroll-draw-border:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-gradient);transition:width .8s cubic-bezier(.16,1,.3,1)}.scroll-draw-border.is-visible:after{width:100%}@media(max-width:768px){.scroll-reveal,.scroll-reveal-fadeUp,.scroll-reveal-slideLeft,.scroll-reveal-slideRight,.scroll-reveal-scale,.scroll-reveal-rotate{--reveal-duration: .5s}.scroll-reveal-fadeUp,.scroll-reveal-slideLeft,.scroll-reveal-slideRight{transform:translateY(30px)}}@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal-fadeUp,.scroll-reveal-fadeIn,.scroll-reveal-slideLeft,.scroll-reveal-slideRight,.scroll-reveal-scale,.scroll-reveal-rotate,.scroll-reveal-flip,.scroll-reveal-zoomBlur,.scroll-reveal-swing,.scroll-reveal-pop,.scroll-reveal-blur{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}