@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:wght@400;500;700&display=swap');
:root{--bg:#f2f0eb;--surface:#ffffff;--primary:#0a0a0a;--accent-1:#b8e635;--accent-2:#e63050;--accent-3:#3d6aff;--accent-4:#e88c10;--border-w:3px;--shadow:5px 5px 0px var(--primary);--shadow-lg:8px 8px 0px var(--primary);--radius:14px;--glass-bg:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.2);--gradient-glow:radial-gradient(circle at 50%50%,rgba(184,230,53,0.3)0%,rgba(61,106,255,0.15)40%,transparent 70%)}[data-theme="dark"]{--bg:#0a0a0a;--surface:#1a1a1a;--primary:#f2f0eb;--accent-1:#d4ff4f;--accent-2:#ff4560;--accent-3:#6b92ff;--accent-4:#ff9f1c;--shadow:5px 5px 0px var(--primary);--shadow-lg:8px 8px 0px var(--primary);--glass-bg:rgba(255,255,255,0.06);--glass-border:rgba(255,255,255,0.08);--gradient-glow:radial-gradient(circle at 50%50%,rgba(212,255,79,0.2)0%,rgba(107,146,255,0.1)40%,transparent 70%)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);background-image:radial-gradient(circle,var(--primary)1px,transparent 1px);background-size:22px 22px;color:var(--primary);font-family:'DM Sans',sans-serif;overflow-x:hidden;transition:background-color .4s ease,color .4s ease;position:relative;min-height:100vh}h1,h2,h3,h4{font-family:'Unbounded',sans-serif;text-transform:uppercase}.floating-shapes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.08;animation:floatShape 20s ease-in-out infinite}.floating-shape:nth-child(1){width:300px;height:300px;background:var(--accent-1);top:-5%;left:-5%;animation-duration:25s}.floating-shape:nth-child(2){width:200px;height:200px;background:var(--accent-3);bottom:-3%;right:-3%;animation-duration:20s;animation-delay:-5s}.floating-shape:nth-child(3){width:150px;height:150px;background:var(--accent-2);top:40%;right:-2%;animation-duration:18s;animation-delay:-10s}@keyframes floatShape{0%,100%{transform:translate(0,0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,30px)scale(1.02)}}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.container{max-width:720px;margin:40px auto;padding:0 20px;position:relative;z-index:2}.navbar{display:flex;justify-content:space-between;align-items:center;background:rgba(10,10,10,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-w)solid var(--primary);padding:12px 22px;border-radius:50px;box-shadow:var(--shadow);margin-bottom:44px;position:sticky;top:18px;z-index:100;transition:background .3s ease,box-shadow .3s ease;contain:layout}.navbar.scrolled{background:rgba(10,10,10,.95);box-shadow:0 8px 32px rgba(0,0,0,.2)}[data-theme="dark"] .navbar{background:rgba(26,26,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme="dark"] .navbar.scrolled{background:rgba(26,26,26,.95)}.nav-brand{font-family:'Unbounded',sans-serif;font-weight:900;font-size:1rem;display:flex;align-items:center;gap:10px;color:var(--accent-1);letter-spacing:2px;transition:letter-spacing .3s ease}.nav-brand:hover{letter-spacing:4px}.brand-icon{width:32px;height:32px;background:var(--accent-1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-size:.85rem;transition:transform .3s ease}.nav-brand:hover .brand-icon{transform:rotate(-10deg)scale(1.1)}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{background:transparent;border:none;color:rgba(255,255,255,.6);font-family:'Unbounded',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.1)}.nav-link.active{color:var(--accent-1);background:rgba(212,255,79,.15)}.controls{display:flex;gap:8px;align-items:center}.controls button{background:transparent;border:2px solid rgba(255,255,255,.25);width:38px;height:38px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700;color:#fff;font-size:.75rem;font-family:'Unbounded',sans-serif;display:flex;align-items:center;justify-content:center}.controls button:hover{background:var(--accent-1);color:#0a0a0a;border-color:var(--accent-1);transform:scale(1.05)}.controls button:active{transform:scale(.95)}#themeBtn{font-size:.8rem}.hero-section{text-align:center;margin-bottom:40px;padding:20px 0;position:relative;min-height:200px;contain:layout}.hero-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:var(--gradient-glow);border-radius:50%;pointer-events:none;animation:glowPulse 4s ease-in-out infinite;z-index:-1;will-change:transform,opacity;contain:layout style}@keyframes glowPulse{0%,100%{transform:translate(-50%,-50%)scale(1);opacity:.6}50%{transform:translate(-50%,-50%)scale(1.15);opacity:1}}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(184,230,53,.2);border:1.5px solid var(--accent-1);padding:5px 14px;border-radius:50px;font-size:.65rem;font-family:'Unbounded',sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--primary);margin-bottom:20px;animation:badgePulse 2s ease-in-out infinite}.hero-badge .status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;display:inline-block;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(184,230,53,.4)}50%{box-shadow:0 0 0 8px rgba(184,230,53,0)}}.hero-headline{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:-2px;color:var(--primary);margin-bottom:16px}.hero-headline .highlight{color:var(--accent-1);-webkit-text-stroke:2px var(--primary);text-stroke:2px var(--primary);text-shadow:4px 4px 0 var(--primary)}[data-theme="dark"] .hero-headline .highlight{-webkit-text-stroke:2px var(--accent-1);text-stroke:2px var(--accent-1);text-shadow:4px 4px 0 var(--accent-1)}.hero-tagline{font-size:1.05rem;color:var(--primary);opacity:.65;font-weight:500;max-width:480px;margin:0 auto 28px;line-height:1.6}.profile-header{text-align:center;margin-bottom:40px}.avatar-wrapper{position:relative;width:140px;height:140px;margin:0 auto 22px;contain:layout}.avatar-glow-ring{position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:50%;background:conic-gradient(var(--accent-1),var(--accent-3),var(--accent-2),var(--accent-1));animation:spinRing 4s linear infinite;z-index:0;mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}@keyframes spinRing{to{transform:rotate(360deg)}}.avatar-shadow{position:absolute;top:7px;left:7px;width:100%;height:100%;border-radius:50%;background:var(--accent-1);border:var(--border-w)solid var(--primary);z-index:1;transition:transform .3s ease}.avatar-wrapper:hover .avatar-shadow{transform:translate(3px,3px)}.avatar{width:100%;height:100%;border-radius:50%;border:var(--border-w)solid var(--primary);object-fit:cover;position:relative;z-index:2;background:#fff;transition:transform .3s ease}.avatar-wrapper:hover .avatar{transform:scale(1.03)}.avatar-badge{position:absolute;bottom:4px;right:4px;width:30px;height:30px;background:var(--accent-3);border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;z-index:3;box-shadow:2px 2px 0 var(--primary);transition:transform .3s ease}.avatar-wrapper:hover .avatar-badge{transform:scale(1.15)rotate(10deg)}.name-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#0a0a0a;padding:10px 26px;border-radius:50px;margin-bottom:16px;font-family:'Unbounded',sans-serif;font-size:1.15rem;font-weight:900;letter-spacing:3px;border:var(--border-w)solid var(--primary);box-shadow:var(--shadow);transform:rotate(-1.5deg);transition:transform .3s ease}.name-badge span{color:#0a0a0a}.name-badge:hover{transform:rotate(0deg)scale(1.02)}[data-theme="dark"] .name-badge{background:var(--primary);color:var(--bg);border-color:var(--primary)}[data-theme="dark"] .name-badge span{color:var(--bg)}.role-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tag{background:var(--surface);border:2px solid var(--primary);padding:6px 16px;font-size:.78rem;font-weight:700;font-family:'Unbounded',sans-serif;border-radius:6px;box-shadow:3px 3px 0 var(--primary);text-transform:uppercase;letter-spacing:.5px;transition:transform .2s ease,box-shadow .2s ease;color:var(--primary);cursor:default}.tag:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--primary)}.tag-green{background:var(--accent-1);color:#0a0a0a}.tag-blue{background:var(--accent-3);color:#fff}.tag-red{background:var(--accent-2);color:#fff}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:44px}.stat-box{border:var(--border-w)solid var(--primary);padding:20px 12px;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;cursor:default;position:relative;overflow:hidden;contain:layout}.stat-box::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.6s ease;pointer-events:none}.stat-box:hover::after{left:100%}.stat-box:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.stat-1{background:var(--accent-3);color:#fff}.stat-2{background:var(--accent-2);color:#fff}.stat-3{background:var(--accent-1);color:#0a0a0a}.stat-val{font-size:1.85rem;font-weight:900;font-family:'Unbounded',sans-serif;line-height:1;display:block}.stat-lbl{font-size:.7rem;text-transform:uppercase;font-weight:700;margin-top:6px;opacity:.8;letter-spacing:1px}.terminal-window{background:#111;border:var(--border-w)solid var(--primary);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:44px;transition:box-shadow .3s ease;contain:layout}.terminal-window:hover{box-shadow:10px 10px 0 var(--primary)}.terminal-header{background:#2a2a2a;padding:10px 16px;display:flex;align-items:center;gap:7px;border-bottom:2px solid #000}.terminal-label{font-size:11px;font-weight:600;color:#888;margin-left:8px;letter-spacing:1px}.dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-body{padding:22px 24px;font-family:'Courier New',monospace;font-size:.83rem;display:flex;flex-direction:column}.t-line{display:block;line-height:1.9;opacity:0;animation:typeLine .3s ease forwards}.t-line:nth-child(1){animation-delay:.1s}.t-line:nth-child(3){animation-delay:.2s}.t-line:nth-child(4){animation-delay:.3s}.t-line:nth-child(5){animation-delay:.4s}.t-line:nth-child(6){animation-delay:.5s}.t-line:nth-child(7){animation-delay:.6s}.t-line:nth-child(8){animation-delay:.7s}.t-line:nth-child(9){animation-delay:.8s}.t-line:nth-child(10){animation-delay:.9s}@keyframes typeLine{to{opacity:1}}.t-gap{height:6px;display:block}.t-prompt{color:var(--accent-1);font-weight:700;margin-right:8px}.t-key{color:#7dd3fc;min-width:70px;display:inline-block}.t-eq{color:#555;margin:0 6px}.t-str{color:#86efac}.t-cursor{color:var(--accent-1);animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.what-i-do-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:44px}.what-card{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.what-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.what-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:12px;border:2px solid var(--primary)}.what-card h3{font-size:.72rem;letter-spacing:1.5px;color:var(--primary);margin-bottom:6px}.what-card p{font-size:.8rem;color:var(--primary);opacity:.6;line-height:1.5}.certificate-card{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);padding:0;overflow:hidden;box-shadow:var(--shadow);margin-bottom:44px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;contain:layout}.certificate-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.4s;pointer-events:none;z-index:2}.certificate-card:hover::before{left:100%}.certificate-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.cert-thumb-wrap{width:100%;aspect-ratio:16/4;overflow:hidden;border-bottom:var(--border-w)solid var(--primary);background:var(--surface);display:flex;align-items:center;justify-content:center}.cert-thumb-wrap .cert-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.certificate-card:hover .cert-thumb{transform:scale(1.03)}.cert-info{padding:18px 22px;display:flex;align-items:center;gap:14px}.cert-badge-icon{width:40px;height:40px;min-width:40px;background:var(--accent-4);border:2px solid var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#0a0a0a;box-shadow:2px 2px 0 var(--primary)}.cert-info-content h3{font-size:.78rem;letter-spacing:1.5px;color:var(--primary);margin-bottom:2px}.cert-info-content p{font-size:.78rem;color:var(--primary);opacity:.6;line-height:1.4}.cert-arrow{margin-left:auto;font-size:1rem;color:var(--primary);opacity:.3;transition:all .2s ease;flex-shrink:0}.certificate-card:hover .cert-arrow{opacity:1;transform:translateX(4px)}.current-stack{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow);margin-bottom:44px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;contain:layout}.current-stack-label{font-family:'Unbounded',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);opacity:.5;white-space:nowrap}.current-stack-items{display:flex;gap:8px;flex-wrap:wrap}.stack-pill{display:flex;align-items:center;gap:6px;background:rgba(184,230,53,.15);border:1.5px solid var(--primary);padding:4px 12px;border-radius:20px;font-size:.68rem;font-weight:700;font-family:'Unbounded',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);transition:all .2s ease}.stack-pill:hover{background:var(--accent-1);color:#0a0a0a;transform:translateY(-2px)}.stack-pill i{font-size:.75rem}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.section-title h2{font-size:.85rem;font-weight:900;letter-spacing:3px;white-space:nowrap;color:var(--primary)}.title-pill{width:34px;height:34px;background:var(--primary);border:2px solid var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-1);font-size:.8rem;flex-shrink:0;box-shadow:2px 2px 0 var(--primary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:13px;margin-bottom:10px;perspective:1000px}.tech-card{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);padding:22px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow);transition:box-shadow .2s ease,background .2s ease,transform .2s ease;cursor:default;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.tech-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.4s;pointer-events:none}.tech-card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent-1);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tech-card:hover::after{transform:scaleX(1)}.tech-card:hover{box-shadow:var(--shadow-lg);background:#fafafa;transform:translateY(-2px)}.tech-card:hover::before{left:100%}.tech-icon{font-size:2.4rem;transition:transform .3s ease}.tech-card:hover .tech-icon{transform:scale(1.15)rotate(6deg)}.tech-name{font-family:'Unbounded',sans-serif;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;color:var(--primary)}.client-grid{display:grid;gap:16px;margin-bottom:10px}.client-card{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;will-change:transform;contain:layout}.client-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.client-thumb{width:100%;height:160px;position:relative;overflow:hidden}.client-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.client-card:hover .client-thumb img{transform:scale(1.05)}.client-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3));pointer-events:none}.client-body{padding:16px 20px 20px}.client-body h3{font-size:.85rem;letter-spacing:1.5px;color:var(--primary);margin-bottom:4px}.client-body p{font-size:.78rem;color:var(--primary);opacity:.6;line-height:1.5}.client-type{display:inline-block;margin-top:10px;background:var(--accent-1);border:1.5px solid var(--primary);padding:3px 12px;border-radius:20px;font-size:.6rem;font-weight:700;font-family:'Unbounded',sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#0a0a0a}.pricing-grid{display:grid;gap:16px;margin-bottom:10px}.pricing-card{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;position:relative}.pricing-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--accent-1);box-shadow:5px 5px 0 var(--accent-1)}.pricing-card.featured:hover{box-shadow:8px 8px 0 var(--accent-1)}.pricing-badge{position:absolute;top:14px;right:14px;background:var(--accent-1);border:2px solid var(--primary);padding:3px 10px;border-radius:20px;font-family:'Unbounded',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:1px;color:#0a0a0a;text-transform:uppercase}.pricing-head{padding:24px 22px 18px;border-bottom:2px solid var(--primary);background:var(--primary);color:#0a0a0a}.pricing-head h3{font-size:.85rem;letter-spacing:2px;margin-bottom:4px;color:#0a0a0a}.pricing-head .price{font-family:'Unbounded',sans-serif;font-size:1.8rem;font-weight:900;color:#0a0a0a}.pricing-head .price span{font-size:.7rem;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:1px;color:#0a0a0a}[data-theme="dark"] .pricing-head{background:var(--primary);color:var(--bg)}[data-theme="dark"] .pricing-head h3{color:var(--bg)}[data-theme="dark"] .pricing-head .price{color:var(--bg)}[data-theme="dark"] .pricing-head .price span{color:var(--bg)}.pricing-body{padding:20px 22px}.pricing-body ul{list-style:none}.pricing-body ul li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.82rem;color:var(--primary);border-bottom:1px solid rgba(10,10,10,.06)}[data-theme="dark"] .pricing-body ul li{border-bottom:1px solid rgba(242,240,235,.06)}.pricing-body ul li:last-child{border-bottom:none}.pricing-body ul li i{color:#22c55e;font-size:.7rem;min-width:14px}.pricing-cta{display:block;text-align:center;margin:18px 22px 22px;padding:12px;background:var(--primary);border:2px solid var(--primary);border-radius:10px;color:var(--bg);font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all .2s ease}.pricing-cta:hover{background:var(--accent-1);color:#0a0a0a;transform:translateY(-2px);box-shadow:4px 4px 0 var(--primary)}[data-theme="dark"] .pricing-cta{color:var(--bg)}.testimonial-grid{display:grid;gap:14px;margin-bottom:10px}.testimonial-card{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.testimonial-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.test-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-family:'Unbounded',sans-serif;font-size:.85rem;flex-shrink:0;color:#0a0a0a}.test-info h3{font-size:.72rem;letter-spacing:1.5px;color:var(--primary);margin-bottom:2px}.test-info span{font-size:.65rem;color:var(--primary);opacity:.5;font-weight:500}.testimonial-card .stars{margin-bottom:8px;color:var(--accent-4);font-size:.75rem;letter-spacing:2px}.testimonial-card blockquote{font-size:.85rem;line-height:1.6;color:var(--primary);font-style:italic;quotes:none}.testimonial-card blockquote::before{content:'"'}.testimonial-card blockquote::after{content:'"'}.project-grid{display:grid;gap:16px;perspective:1200px}.project-item{background:var(--surface);border:var(--border-w)solid var(--primary);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow-lg);transition:box-shadow .2s ease,transform .2s ease;transform-style:preserve-3d;will-change:transform;contain:layout}.project-item:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--primary)}.proj-number{position:absolute;top:16px;right:20px;font-family:'Unbounded',sans-serif;font-size:2.5rem;font-weight:900;color:var(--primary);opacity:.05;line-height:1;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.project-item:hover .proj-number{opacity:.12;transform:scale(1.1)}.proj-accent-1{border-top:5px solid var(--accent-1)}.proj-accent-2{border-top:5px solid var(--accent-3)}.project-content{padding:22px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.project-content h3{font-size:1.05rem;font-weight:900;letter-spacing:1px;color:var(--primary);transition:color .2s ease}.project-item:hover .project-content h3{color:var(--accent-3)}.project-link{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);border-radius:10px;color:var(--primary);text-decoration:none;font-size:.8rem;transition:all .2s ease;flex-shrink:0;box-shadow:2px 2px 0 var(--primary)}.project-link:hover{background:var(--primary);color:var(--bg);transform:rotate(45deg);box-shadow:none}[data-theme="dark"] .project-link:hover{color:var(--bg)}.project-content p{color:var(--primary);opacity:.65;font-size:.9rem;line-height:1.6;margin-bottom:14px}.proj-tags{display:flex;gap:8px;flex-wrap:wrap}.proj-tags span{background:#f0f0f0;border:1.5px solid var(--primary);padding:3px 12px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--primary);transition:all .2s ease}.proj-tags span:hover{background:var(--primary);color:var(--surface)}[data-theme="dark"] .proj-tags span{background:#2a2a2a;color:var(--primary)}.social-stack{display:flex;flex-direction:column;gap:12px;perspective:1000px}.social-btn{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--surface);border:var(--border-w)solid var(--primary);text-decoration:none;color:var(--primary);font-weight:700;border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .2s ease,background .2s ease,color .2s ease,transform .2s ease;font-family:'Unbounded',sans-serif;font-size:.78rem;letter-spacing:1px;transform-style:preserve-3d;will-change:transform;position:relative;overflow:hidden}.social-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.4s;pointer-events:none}.social-btn:hover::before{left:100%}.social-btn span{display:flex;align-items:center;gap:12px}.social-btn span i{font-size:1.1rem}.arr{opacity:.4;transition:all .2s ease}.soc-pink:hover{background:#ff4d9e;color:#fff;box-shadow:2px 2px 0 var(--primary);transform:translateX(4px)}.soc-blue:hover{background:var(--accent-3);color:#fff;box-shadow:2px 2px 0 var(--primary);transform:translateX(4px)}.soc-dark:hover{background:var(--primary);color:var(--bg);box-shadow:2px 2px 0 #555;transform:translateX(4px)}[data-theme="dark"] .soc-dark:hover{color:var(--bg)}.social-btn:hover .arr{opacity:1;transform:translateX(6px)}.support-card{margin-top:50px;background:var(--primary);border:var(--border-w)solid var(--primary);border-radius:var(--radius);padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-lg);flex-wrap:wrap;transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s ease,transform .3s ease;contain:layout}.support-card:hover{box-shadow:12px 12px 0 rgba(184,230,53,.3);transform:translate(-2px,-2px)}.support-left{display:flex;align-items:center;gap:16px}.support-icon{width:48px;height:48px;background:var(--accent-1);border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#0a0a0a;flex-shrink:0;transition:transform .3s ease}.support-card:hover .support-icon{transform:rotate(-10deg)scale(1.1)}.support-card h2{font-size:.85rem;letter-spacing:2px;color:var(--bg);margin-bottom:4px}.support-card p{font-size:.82rem;color:var(--bg);opacity:.6}.saweria-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent-1);border:2px solid var(--accent-1);color:#0a0a0a;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:900;font-size:.78rem;font-family:'Unbounded',sans-serif;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s ease;box-shadow:3px 3px 0 rgba(255,255,255,.15);white-space:nowrap}.saweria-btn i{color:var(--accent-2);animation:hb 1.5s ease infinite}@keyframes hb{0%,100%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{transform:scale(1)}}.saweria-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(255,255,255,.2)}.saweria-btn:active{transform:translate(1px,1px);box-shadow:none}.main-footer{text-align:center;margin-top:60px;padding-top:22px;border-top:3px solid var(--primary);font-size:.85rem;font-weight:600;color:var(--primary);transition:border-color .3s ease}.main-footer a{color:var(--primary);text-decoration:none;font-weight:700;transition:color .2s ease}.main-footer a:hover{text-decoration:underline;color:var(--accent-3)}#scrollTopBtn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--primary);border:2px solid var(--primary);color:var(--bg);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;opacity:0;transform:translateY(20px);transition:all .3s ease;box-shadow:3px 3px 0 rgba(0,0,0,.2)}#scrollTopBtn.visible{opacity:1;transform:translateY(0)}#scrollTopBtn:hover{background:var(--accent-1);color:var(--primary);transform:translateY(-2px)}[data-theme="dark"] #scrollTopBtn{color:var(--bg)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.cert-modal{display:none;position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center;cursor:zoom-out;animation:modalFadeIn .3s ease}.cert-modal.show{display:flex}@keyframes modalFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cert-modal-img-wrap{position:relative;max-width:92vw;max-height:90vh;width:auto;height:auto;overflow:hidden;border-radius:10px;border:3px solid var(--accent-1);cursor:default;box-shadow:0 12px 48px rgba(0,0,0,.6)}.cert-modal-img-wrap img{display:block;width:auto;height:auto;max-width:92vw;max-height:90vh;object-fit:contain;transition:transform .15s ease-out;transform-origin:center center;cursor:zoom-in}.cert-modal-img-wrap img.zoomed{cursor:grab}.cert-modal-img-wrap img.zoomed:active{cursor:grabbing}.cert-modal-close{position:absolute;top:20px;right:28px;color:#fff;font-size:1.8rem;cursor:pointer;z-index:100000;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.2);border-radius:50%;transition:all .2s ease}.cert-modal-close:hover{background:var(--accent-2);border-color:var(--accent-2);transform:rotate(90deg)}.cert-modal-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font-size:.78rem;font-weight:500;background:rgba(0,0,0,.5);padding:8px 20px;border-radius:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);white-space:nowrap;pointer-events:none;z-index:100001}@media(max-width:600px){.cert-modal-img-wrap{max-width:98vw;max-height:80vh}.cert-modal-img-wrap img{max-width:98vw;max-height:80vh}.cert-modal-close{top:12px;right:16px;width:36px;height:36px;font-size:1.2rem}.cert-modal-caption{font-size:.65rem;padding:6px 14px;bottom:16px}}@media(max-width:768px){.container{max-width:100%;padding:0 16px;margin:20px auto}.hero-headline{font-size:clamp(2rem,10vw,3rem);letter-spacing:-1px}.what-i-do-grid{grid-template-columns:1fr}.nav-links{display:none}.navbar{padding:10px 16px}.pricing-head .price{font-size:1.4rem}}@media(max-width:600px){.stats-container{grid-template-columns:1fr}.support-card{flex-direction:column;align-items:flex-start}.saweria-btn{width:100%;justify-content:center}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.terminal-body{padding:16px;font-size:.75rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-1)}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent-1);color:#0a0a0a;padding:10px 24px;border-radius:0 0 10px 10px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none;z-index:10001;border:2px solid var(--primary);transition:top .2s ease}.skip-link:focus{top:0}@media print{.floating-shapes,#particleCanvas,#scrollTopBtn,.controls,.nav-links{display:none!important}body{background:#fff;color:#000}.navbar{position:relative;box-shadow:none;background:#fff;border:2px solid #000}.nav-brand{color:#000}.certificate-card,.project-item,.client-card,.pricing-card,.testimonial-card{break-inside:avoid;box-shadow:none;border:2px solid #000}.hero-headline .highlight{-webkit-text-stroke:0;text-stroke:0;text-shadow:none;color:#000}.section-title h2{color:#000}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal,.reveal-scale{opacity:1;transform:none}.t-line{opacity:1}.floating-shape{animation:none}}.soc-green:hover{background:#25D366!important;color:#fff!important;box-shadow:2px 2px 0 var(--primary)!important;transform:translateX(4px)}