:root{--bg-primary: #050816;--bg-secondary: #0B1120;--bg-tertiary: #0F172A;--bg-card: rgba(15, 23, 42, .6);--bg-glass: rgba(15, 23, 42, .4);--border-glass: rgba(148, 163, 184, .1);--accent-purple: #8B5CF6;--accent-blue: #3B82F6;--accent-cyan: #06B6D4;--accent-gradient: linear-gradient(135deg, #8B5CF6, #3B82F6, #06B6D4);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--nav-bg: rgba(5, 8, 22, .55);--nav-bg-solid: rgba(5, 8, 22, .95);--card-glass-grad: linear-gradient(145deg, rgba(30, 41, 59, .45), rgba(15, 23, 42, .35));--card-glass-border: rgba(148, 163, 184, .14);--card-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 32px rgba(2, 6, 23, .45);--card-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .1), 0 16px 48px rgba(139, 92, 246, .18)}:root[data-theme=light]{--bg-primary: #E2E5EA;--bg-secondary: #D8DCE3;--bg-tertiary: #CDD2DB;--bg-card: rgba(255, 255, 255, .55);--bg-glass: rgba(255, 255, 255, .45);--border-glass: rgba(100, 116, 139, .2);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--nav-bg: rgba(255, 255, 255, .55);--nav-bg-solid: rgba(240, 242, 246, .97);--card-glass-grad: linear-gradient(145deg, rgba(255, 255, 255, .65), rgba(226, 229, 234, .45));--card-glass-border: rgba(100, 116, 139, .22);--card-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 8px 32px rgba(100, 116, 139, .18);--card-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .9), 0 16px 48px rgba(139, 92, 246, .22)}:root[data-theme=light] body{background:linear-gradient(160deg,#edeff3,#dde1e8 45%,#cbd1db);background-attachment:fixed}:root[data-theme=light] .bg-3d-orb{opacity:.18}:root[data-theme=light] .bg-3d-grid{background-image:linear-gradient(rgba(139,92,246,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.18) 1px,transparent 1px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--accent-purple);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:3px}.section-label{font-size:.8rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.section-heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-desc{font-size:1.1rem;color:var(--text-secondary);max-width:600px;line-height:1.8}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px}.bg-3d{position:fixed;inset:0;z-index:-1;overflow:hidden;perspective:900px;pointer-events:none}.bg-3d-grid{position:absolute;left:-50%;bottom:-10%;width:200%;height:70%;background-image:linear-gradient(rgba(139,92,246,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.12) 1px,transparent 1px);background-size:60px 60px;transform:rotateX(65deg);transform-origin:center bottom;mask-image:linear-gradient(to top,rgba(0,0,0,.5),transparent 85%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.5),transparent 85%);animation:grid-drift 18s linear infinite}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:0 60px,60px 0}}.bg-3d-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:orb-float 16s ease-in-out infinite}.orb-a{width:480px;height:480px;top:-10%;left:-8%;background:var(--accent-purple)}.orb-b{width:420px;height:420px;top:30%;right:-10%;background:var(--accent-blue);animation-delay:-5s}.orb-c{width:360px;height:360px;bottom:-12%;left:35%;background:var(--accent-cyan);animation-delay:-10s;opacity:.22}@keyframes orb-float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(50px,-40px,0) scale(1.08)}66%{transform:translate3d(-40px,35px,0) scale(.95)}}.tilt-3d{position:relative;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .15s ease-out;will-change:transform;border-radius:16px}.tilt-3d-inner{transform:translateZ(24px);border-radius:inherit}.tilt-3d-glare{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.14),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.tilt-3d:hover .tilt-3d-glare{opacity:1}.bento-card,.page-card,.building-card,.testimonial-card,.timeline-item,.gallery-card,.client-card,.expertise-card,.nova-project-card{background:var(--card-glass-grad)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--card-glass-border)!important;box-shadow:var(--card-glass-shadow);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.bento-card:hover,.page-card:hover,.building-card:hover,.testimonial-card:hover,.gallery-card:hover,.client-card:hover,.expertise-card:hover,.nova-project-card:hover{transform:translateY(-6px);border-color:#8b5cf666!important;box-shadow:var(--card-glass-shadow-hover)}.stack-groups{max-width:1100px!important}.stack-group{background:none;border:none;padding:0}.stack-marquee{overflow:hidden;position:relative;padding:.4rem 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.stack-track{display:flex;gap:.7rem;width:max-content;animation:marquee-left 28s linear infinite}.stack-marquee.reverse .stack-track{animation-name:marquee-right}.stack-marquee:hover .stack-track{animation-play-state:paused}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.stack-track .stack-pill{white-space:nowrap;flex-shrink:0}.client-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-glass);box-shadow:0 0 16px #8b5cf640;margin-top:-48px;margin-bottom:.8rem;position:relative;background:var(--bg-tertiary)}.nova-card-img{height:170px;overflow:hidden}.nova-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.nova-project-card:hover .nova-card-img img{transform:scale(1.06)}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:4rem}.project-preview{border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.14);box-shadow:0 12px 40px #02061780}#root{max-width:none;margin:0;padding:0;text-align:initial}.nav-shell{position:sticky;top:.9rem;z-index:1000;padding:0 4%}.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.55rem 1rem;border-radius:999px;background:var(--nav-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border-glass);box-shadow:inset 0 1px #ffffff14,0 10px 40px #02061759;position:relative}.nav:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 20%,rgba(139,92,246,.55),rgba(6,182,212,.55),transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;animation:nav-glow 6s linear infinite;background-size:300% 300%;pointer-events:none}@keyframes nav-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:#fff;background:var(--accent-gradient);box-shadow:0 0 18px #8b5cf673}.logo-text{font-family:var(--font-heading);font-size:1rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.nav-links{display:flex;gap:.25rem}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.85rem;padding:.45rem .9rem;border-radius:999px;transition:all .3s}.nav-links a:hover{color:var(--text-primary);background:#8b5cf61a}.nav-links a.active{color:#fff;background:linear-gradient(135deg,#8b5cf6d9,#3b82f6d9);box-shadow:0 0 16px #8b5cf673}.nav-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:.95rem;transition:all .3s}.theme-toggle:hover{color:var(--accent-purple);border-color:var(--accent-purple);box-shadow:0 0 16px #8b5cf659;transform:rotate(20deg)}.hamburger{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border-glass);background:var(--bg-glass);border-radius:50%;cursor:pointer;flex-direction:column;gap:4px}.hamburger .bar{width:16px;height:2px;background:var(--text-secondary);display:block;transition:all .3s}.nav.open .hamburger .bar:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav.open .hamburger .bar:nth-child(2){opacity:0}.nav.open .hamburger .bar:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}@media(max-width:900px){.logo-text{display:none}}@media(max-width:768px){.hamburger{display:inline-flex}.nav-links{position:absolute;top:calc(100% + .6rem);left:0;right:0;background:var(--nav-bg-solid);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:20px;flex-direction:column;gap:0;display:none;padding:.5rem;box-shadow:0 16px 48px #02061766}.nav-links a{display:block;padding:.8rem 1.2rem;border-radius:12px}.nav.open .nav-links{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;padding:6rem 8% 4rem;position:relative;overflow:hidden;background:var(--bg-primary)}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);border-radius:50%;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.1),transparent 70%);border-radius:50%;pointer-events:none}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-left{flex:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:500;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2);margin-bottom:1.5rem}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero-name{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1rem}.hero-title{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:400}.hero-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.8;margin-bottom:2.5rem}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}.btn-glow{padding:.8rem 1.8rem;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-glow.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 0 20px #8b5cf64d}.btn-glow.primary:hover{box-shadow:0 0 40px #8b5cf680;transform:translateY(-2px)}.btn-glow.secondary{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-glow.secondary:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.hero-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-image-wrap{position:relative;width:320px;height:320px}.hero-image-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--accent-gradient) border-box}.hero-glow{position:absolute;inset:-20px;border-radius:50%;background:var(--accent-gradient);opacity:.15;filter:blur(40px);z-index:-1}.hero-orbit{position:absolute;inset:-40px;border-radius:50%;border:1px dashed rgba(139,92,246,.2);animation:orbit-spin 30s linear infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}.orbit-dot{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-secondary)}.orbit-dot:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}.orbit-dot:nth-child(2){top:50%;right:0;transform:translate(50%,-50%)}.orbit-dot:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%)}.orbit-dot:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%)}.about-section{padding:6rem 8%;background:var(--bg-secondary);position:relative}.about-header{text-align:center;margin-bottom:4rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:1.2rem;max-width:1100px;margin:0 auto}.bento-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:20px;padding:2rem;transition:all .4s;position:relative;overflow:hidden}.bento-card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.bento-card.span-2{grid-column:span 2}.bento-card.span-row{grid-row:span 2}.bento-card .card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem}.bento-card .card-icon.purple{background:#8b5cf626;color:var(--accent-purple)}.bento-card .card-icon.blue{background:#3b82f626;color:var(--accent-blue)}.bento-card .card-icon.cyan{background:#06b6d426;color:var(--accent-cyan)}.bento-card .card-icon.green{background:#10b98126;color:#10b981}.bento-card h3{font-size:1.2rem;margin-bottom:.6rem}.bento-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.bento-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.stat-item .stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item .stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.bento-social-links{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.bento-social-links a{width:40px;height:40px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;transition:all .3s}.bento-social-links a:hover{color:var(--accent-purple);border-color:var(--accent-purple);transform:translateY(-2px)}.stack-section{padding:6rem 8%;background:var(--bg-primary)}.stack-header{text-align:center;margin-bottom:4rem}.stack-groups{display:flex;flex-direction:column;gap:3rem;max-width:900px;margin:0 auto}.stack-group h3{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;padding-left:.5rem}.stack-pills{display:flex;flex-wrap:wrap;gap:.7rem}.stack-pill{padding:.6rem 1.4rem;border-radius:50px;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all .3s;cursor:default}.stack-pill:hover{border-color:var(--accent-purple);color:var(--text-primary);box-shadow:0 0 20px #8b5cf626;transform:translateY(-2px)}.projects-section{padding:6rem 8%;background:var(--bg-secondary)}.projects-header{text-align:center;margin-bottom:4rem}.projects-list{display:flex;flex-direction:column;gap:2.75rem;max-width:860px;margin:0 auto}.project-row{display:flex;gap:2.25rem;align-items:center}.project-row.reverse{flex-direction:row-reverse}.project-preview{flex:1;border-radius:20px;overflow:hidden;background:var(--bg-glass);border:1px solid var(--border-glass);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;position:relative}.project-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-preview:hover img{transform:scale(1.05)}.project-preview .preview-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf633,#06b6d41a);opacity:0;transition:opacity .3s}.project-preview:hover .preview-overlay{opacity:1}.project-info{flex:1}.project-info .project-label{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:.8rem}.project-info h3{font-size:1.45rem;margin-bottom:.8rem}.project-info .project-desc{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.project-stack-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-stack-tags span{padding:.3rem .8rem;border-radius:6px;font-size:.8rem;background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.project-links{display:flex;gap:1rem}.project-links a{padding:.6rem 1.2rem;border-radius:10px;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.project-links .btn-demo{background:var(--accent-gradient);color:#fff}.project-links .btn-demo:hover{box-shadow:0 0 25px #8b5cf666;transform:translateY(-2px)}.project-links .btn-code{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.project-links .btn-code:hover{border-color:var(--accent-purple);color:var(--text-primary)}.highlight-row{position:relative}.highlight-row:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:var(--accent-gradient);opacity:.15;z-index:-1;pointer-events:none}.highlight-preview{border:2px solid rgba(139,92,246,.4);box-shadow:0 0 30px #8b5cf626}.company-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:50px;font-size:.75rem;font-weight:600;background:#8b5cf626;color:var(--accent-purple);border:1px solid rgba(139,92,246,.3);margin-bottom:.8rem}.highlight-btn{box-shadow:0 0 25px #8b5cf666!important}.experience-section{padding:6rem 8%;background:var(--bg-primary)}.experience-header{text-align:center;margin-bottom:4rem}.timeline{max-width:700px;margin:0 auto;position:relative;padding-left:2.5rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-purple),var(--accent-cyan),transparent)}.timeline-item{position:relative;padding-bottom:3rem}.timeline-item:before{content:"";position:absolute;left:-2.65rem;top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--accent-purple);box-shadow:0 0 15px #8b5cf666}.timeline-item .tl-date{font-size:.8rem;color:var(--accent-cyan);font-weight:600;margin-bottom:.5rem}.timeline-item h3{font-size:1.2rem;margin-bottom:.3rem}.timeline-item .tl-company{font-size:.9rem;color:var(--accent-purple);margin-bottom:.5rem}.timeline-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.building-section{padding:6rem 8%;background:var(--bg-secondary)}.building-header{text-align:center;margin-bottom:4rem}.building-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.building-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;padding:1.8rem;transition:all .3s}.building-card:hover{border-color:#8b5cf64d;transform:translateY(-4px)}.building-card .status{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;padding:.25rem .7rem;border-radius:50px;margin-bottom:1rem}.status.in-progress{background:#fbbf241a;color:#fbbf24}.status.planning{background:#3b82f61a;color:var(--accent-blue)}.status.live{background:#10b9811a;color:#10b981}.building-card h3{font-size:1.1rem;margin-bottom:.5rem}.building-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.progress-bar{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:2px;background:var(--accent-gradient);transition:width 1s ease}.testimonials-section{padding:6rem 8%;background:var(--bg-primary)}.testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.testimonial-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:20px;padding:2rem;transition:all .3s}.testimonial-card:hover{border-color:#8b5cf64d;transform:translateY(-4px)}.testimonial-card .quote{font-size:2rem;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.testimonial-card .stars{color:#fbbf24;font-size:.85rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-card .testimonial-text{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-style:italic}.testimonial-author h4{font-size:1rem;color:var(--text-primary)}.testimonial-author p{font-size:.8rem;color:var(--text-muted)}.contact-section{padding:6rem 8%;background:var(--bg-secondary);text-align:center}.contact-header{margin-bottom:3rem}.contact-header h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.contact-header p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.contact-actions{display:flex;justify-content:center;gap:1.2rem;margin-bottom:3rem;flex-wrap:wrap}.contact-btn{padding:1rem 2rem;border-radius:14px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s}.contact-btn.email{background:var(--accent-gradient);color:#fff;box-shadow:0 0 25px #8b5cf64d}.contact-btn.email:hover{box-shadow:0 0 40px #8b5cf680;transform:translateY(-3px)}.contact-btn.whatsapp{background:#25d3661a;border:1px solid rgba(37,211,102,.3);color:#25d366}.contact-btn.whatsapp:hover{background:#25d36633;transform:translateY(-3px)}.contact-social{display:flex;justify-content:center;gap:1rem}.contact-social a{width:48px;height:48px;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem;transition:all .3s}.contact-social a:hover{color:var(--accent-purple);border-color:var(--accent-purple);transform:translateY(-3px);box-shadow:0 5px 20px #8b5cf633}.site-footer{padding:3rem 8% 2rem;background:var(--bg-primary);border-top:1px solid var(--border-glass);text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer-logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;display:block}.footer-tagline{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-links a{color:var(--text-muted);font-size:.85rem;transition:color .3s}.footer-links a:hover{color:var(--accent-purple)}.footer-social{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.footer-social a{color:var(--text-muted);font-size:1.1rem;transition:all .3s}.footer-social a:hover{color:var(--accent-purple);transform:translateY(-2px)}.footer-copy{font-size:.8rem;color:var(--text-muted)}@media(max-width:900px){.hero-inner{flex-direction:column-reverse;text-align:center;gap:3rem}.hero-left{max-width:100%}.hero-ctas{justify-content:center}.hero-image-wrap{width:250px;height:250px}.bento-grid{grid-template-columns:1fr}.bento-card.span-2{grid-column:span 1}.project-row,.project-row.reverse{flex-direction:column}.testimonials-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column;align-items:center}}@media(max-width:600px){.hero{padding:5rem 5% 3rem}.about-section,.stack-section,.projects-section,.experience-section,.building-section,.testimonials-section,.contact-section{padding:4rem 5%}.hero-name{font-size:2.2rem}.building-grid{grid-template-columns:1fr}}.multimedia-section{padding:6rem 8%;background:var(--bg-primary)}.multimedia-section .section-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);color:var(--text-primary)}.multimedia-section .section-subtitle{color:var(--text-secondary);font-size:1.1rem}.mm-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.mm-tab{padding:.7rem 1.8rem;border-radius:25px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);color:var(--text-muted)}.mm-tab:hover{color:var(--text-primary);background:#ffffff14}.mm-tab.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 15px #8b5cf64d}.mm-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.yt-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000004d;transition:transform .3s,box-shadow .3s}.yt-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006}.yt-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.yt-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border:none;cursor:pointer;z-index:2;transition:background .3s}.yt-overlay:hover{background:#0009}.yt-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt-play-btn{width:60px;height:60px;border-radius:50%;background:var(--accent-purple);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;z-index:3;transition:transform .3s}.yt-overlay:hover .yt-play-btn{transform:scale(1.1)}.yt-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.yt-info{padding:1.2rem}.yt-info h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.yt-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.mm-music-container{max-width:500px;margin:0 auto}.ap-container{background:linear-gradient(135deg,#8b5cf633,#3b82f61a);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:2rem;color:#fff;box-shadow:0 8px 30px #0000004d}.ap-cover{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000004d}.ap-track-info h3{font-size:1.4rem;margin-bottom:.3rem}.ap-track-info p{color:var(--text-secondary);font-size:.9rem}.ap-progress{margin:1.5rem 0}.ap-seek{width:100%;height:4px;border-radius:2px;cursor:pointer;accent-color:var(--accent-purple)}.ap-times{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.ap-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem}.ap-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s}.ap-btn:hover{background:#ffffff1a}.ap-btn:disabled{opacity:.4;cursor:not-allowed}.ap-btn.ap-play{background:var(--accent-purple);width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.ap-btn.ap-play:hover{background:#7c3aed}.ap-volume{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.ap-volume-slider{flex:1;height:4px;accent-color:var(--accent-purple);cursor:pointer}.ap-playlist{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15)}.ap-playlist-label{font-size:.75rem;color:var(--text-secondary);font-weight:700;letter-spacing:1px;margin-bottom:.8rem}.ap-playlist-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-secondary);padding:.6rem .8rem;border-radius:8px;cursor:pointer;transition:background .3s;margin-bottom:.3rem}.ap-playlist-item:hover{background:#ffffff1a}.ap-playlist-item.active{background:var(--accent-purple);color:#fff}.ap-playlist-title{display:block;font-size:.9rem;font-weight:600}.ap-playlist-artist{display:block;font-size:.75rem;opacity:.7}.spg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.spg-card{display:block;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;overflow:hidden;border:1px solid var(--border-glass);box-shadow:0 4px 12px #0003;transition:all .3s;text-decoration:none;color:inherit}.spg-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.spg-badge{height:4px}.spg-instagram .spg-badge{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.spg-twitter .spg-badge{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.spg-linkedin .spg-badge{background:linear-gradient(135deg,#0077b5,#005885)}.spg-image{width:100%;height:180px;object-fit:cover}.spg-content{padding:1.2rem}.spg-platform{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.spg-caption{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:.8rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spg-stats{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-glass);font-size:.8rem;color:var(--text-muted)}.spg-stats span{display:flex;align-items:center;gap:.3rem}.spg-share{margin-left:auto}.nova-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.nova-project-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0003;transition:all .3s;border:1px solid var(--border-glass)}.nova-project-card:hover{transform:translateY(-5px);border-color:#8b5cf64d;box-shadow:0 10px 30px #0006}.nova-project-card .card-gradient{padding:1.5rem;color:#fff}.nova-project-card .card-gradient h3{font-size:1.4rem;margin-bottom:.5rem}.nova-project-card .card-gradient p{font-size:.9rem;opacity:.9;line-height:1.6}.nova-project-card .card-body{padding:1.5rem}.nova-project-card .card-metrics{display:flex;gap:1.5rem;margin-bottom:1rem}.nova-project-card .metric{text-align:center}.nova-project-card .metric-value{font-size:1.2rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary)}.nova-project-card .metric-label{font-size:.75rem;color:var(--text-muted)}.nova-project-card .card-actions{display:flex;gap:.8rem;margin-top:1rem}.nova-project-card .card-actions a{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s}.nova-project-card .card-actions .btn-live{background:var(--accent-purple);color:#fff}.nova-project-card .card-actions .btn-live:hover{background:#7c3aed}.nova-project-card .card-actions .btn-github{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-glass)}.nova-project-card .card-actions .btn-github:hover{border-color:var(--accent-purple);color:var(--text-primary)}.gradient-blue-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-green-teal{background:linear-gradient(135deg,#11998e,#38ef7d)}.gradient-orange-red{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-cyan-blue{background:linear-gradient(135deg,#17a2b8,#667eea)}@media(max-width:768px){.mm-tabs{gap:.5rem}.mm-tab{padding:.6rem 1.2rem;font-size:.9rem}.mm-videos-grid,.spg-grid,.nova-projects-grid{grid-template-columns:1fr}}.page-container{max-width:1200px;margin:0 auto;padding:0 5%}.page-hero{text-align:center;padding:8rem 5% 4rem;background:var(--bg-primary);position:relative}.page-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.08),transparent 70%);pointer-events:none}.page-hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;position:relative}.page-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.8;position:relative}.page-section-title{font-family:var(--font-heading);font-size:2rem;text-align:center;margin:4rem 0 2rem}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:4rem}.page-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;padding:2rem;transition:all .3s}.page-card:hover{transform:translateY(-4px);border-color:#8b5cf64d;box-shadow:0 20px 40px #0000004d}.page-card .card-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem}.page-card .card-icon.purple{background:#8b5cf626;color:var(--accent-purple)}.page-card .card-icon.blue{background:#3b82f626;color:var(--accent-blue)}.page-card .card-icon.cyan{background:#06b6d426;color:var(--accent-cyan)}.page-card .card-icon.green{background:#10b98126;color:#10b981}.page-card .card-icon.orange{background:#f9731626;color:#f97316}.page-card h3{font-size:1.2rem;margin-bottom:.6rem}.page-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.page-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.page-tags span{padding:.25rem .7rem;border-radius:6px;font-size:.75rem;background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.15)}.page-text-section{max-width:700px;margin:3rem auto;padding:0 1rem}.page-text-section p{color:var(--text-secondary);line-height:1.9;margin-bottom:1.5rem;font-size:1rem}.page-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin:3rem 0}.page-stat{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;text-align:center}.page-stat .stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-stat .stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin-bottom:4rem}.client-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;transition:all .3s}.client-card:hover{border-color:#8b5cf64d;transform:translateY(-3px)}.client-header{height:4px}.client-header.gradient-instagram{background:linear-gradient(135deg,#f09433,#dc2743,#bc1888)}.client-header.gradient-twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.client-body{padding:1.5rem}.client-name{font-family:var(--font-heading);font-weight:600;font-size:1.05rem;margin-bottom:.2rem}.client-handle{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.client-tag{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.client-actions .btn-light{padding:.4rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2);display:inline-block;transition:all .3s}.client-actions .btn-light:hover{background:#8b5cf633}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:4rem}.expertise-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;padding:1.5rem;text-align:center;transition:all .3s}.expertise-card:hover{transform:translateY(-3px);border-color:#8b5cf64d}.expertise-title{font-family:var(--font-heading);font-weight:600;margin-bottom:.3rem}.expertise-metric{font-size:.85rem;color:var(--accent-cyan);font-weight:600}.process-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto 4rem}.process-card{display:flex;gap:1.5rem;align-items:flex-start;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem}.process-number{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.process-title{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:.3rem}.process-description{font-size:.9rem;color:var(--text-secondary)}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin-bottom:2rem}.music-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;padding:1rem;display:flex;align-items:center;gap:1rem}.play-btn{width:45px;height:45px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem}.music-info{flex:1}.music-info strong{display:block;margin-bottom:.3rem}.music-time{font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem}.seek-bar{width:100%;accent-color:var(--accent-purple)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.gallery-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;transition:all .3s}.gallery-card:hover{transform:translateY(-4px);border-color:#8b5cf64d}.gallery-card img{width:100%;height:200px;object-fit:cover}.gallery-card .gallery-info{padding:1.2rem}.gallery-card h3{font-size:1.1rem;margin-bottom:.3rem}.gallery-card p{font-size:.85rem;color:var(--text-secondary)}.approach-list{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto 4rem}.approach-item{display:flex;gap:1.5rem;align-items:flex-start;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem}.approach-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.approach-icon img{width:32px;height:32px;filter:brightness(0) invert(.6)}.approach-content h3{font-size:1.1rem;margin-bottom:.3rem}.approach-content p{font-size:.9rem;color:var(--text-secondary)}.btn{padding:.6rem 1.4rem;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{box-shadow:0 0 25px #8b5cf666;transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--accent-purple);color:var(--text-primary)}.philosophy-section{max-width:700px;margin:0 auto 4rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:2rem}.philosophy-section p{color:var(--text-secondary);line-height:1.9;margin-bottom:1rem}.philosophy-section p:last-child{margin-bottom:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin-bottom:4rem}.service-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:2rem;transition:all .3s}.service-card:hover{transform:translateY(-4px);border-color:#8b5cf64d}.service-icon{width:48px;height:48px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.service-icon img{width:32px;height:32px;filter:brightness(0) invert(.6)}.service-title{font-family:var(--font-heading);font-size:1.15rem;margin-bottom:.5rem}.service-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.service-tags{display:flex;flex-wrap:wrap;gap:.4rem}.service-tags span{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;background:#06b6d41a;color:var(--accent-cyan)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:3rem 0}.stat-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;text-align:center}.stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}@media(max-width:768px){.page-grid,.client-grid,.music-grid{grid-template-columns:1fr}}