:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-card:#13131f;--bg-card-hover:#1a1a2e;--accent-cyan:#00d4ff;--accent-purple:#7b2fff;--accent-pink:#ff2d78;--accent-green:#0fa;--gradient-1:linear-gradient(135deg,#00d4ff,#7b2fff);--gradient-2:linear-gradient(135deg,#7b2fff,#ff2d78);--gradient-3:linear-gradient(135deg,#0fa,#00d4ff);--text-primary:#f0f0ff;--text-secondary:#9898b8;--text-muted:#5a5a7a;--border-subtle:#ffffff0f;--border-glow:#00d4ff4d;--shadow-card:0 8px 32px #00000080;--shadow-glow:0 0 40px #00d4ff26;--shadow-purple:0 0 40px #7b2fff33;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.6s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#0a0a0f;background-color:var(--bg-primary);color:#f0f0ff;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-weight:400;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f0f1a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#7b2fff;background:var(--accent-purple);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--accent-cyan)}::selection{background:#7b2fff66;color:#f0f0ff;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}img{display:block;max-width:100%}section{position:relative}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.section-padding{padding:100px 0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7b2fff);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text}.gradient-text-2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b2fff,#ff2d78);background:var(--gradient-2);-webkit-background-clip:text;background-clip:text}.section-header{margin-bottom:4rem;text-align:center}.section-tag{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:100px;color:#00d4ff;color:var(--accent-cyan);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-bottom:1.2rem;padding:.4rem 1.2rem;text-transform:uppercase}.section-tag,.section-title{font-family:Syne,sans-serif;font-family:var(--font-display)}.section-title{color:#f0f0ff;color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1rem}.section-subtitle{color:#9898b8;color:var(--text-secondary);font-size:1.05rem;margin:0 auto;max-width:560px}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.glow-orb{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.btn-primary{align-items:center;background:linear-gradient(135deg,#00d4ff,#7b2fff);background:var(--gradient-1);border:none;border-radius:100px;color:#f0f0ff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:.05em;overflow:hidden;padding:.875rem 2rem;position:relative}.btn-primary,.btn-primary:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:before{background:linear-gradient(135deg,#ffffff26,#0000);content:"";inset:0;opacity:0;position:absolute}.btn-primary:hover{box-shadow:0 12px 40px #00d4ff59;transform:translateY(-3px)}.btn-primary:hover:before{opacity:1}.btn-outline{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:100px;color:#f0f0ff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-outline:hover{background:#00d4ff0f;border-color:#00d4ff;border-color:var(--accent-cyan);box-shadow:0 8px 30px #00d4ff26;color:#00d4ff;color:var(--accent-cyan);transform:translateY(-3px)}@media (max-width:768px){.container{padding:0 1.25rem}.section-padding{padding:70px 0}}.btn-primary:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease,opacity .5s ease;width:0}.btn-primary:active:after{height:200px;opacity:0;width:200px}.card-glow{overflow:hidden;position:relative}.card-glow:before{background:linear-gradient(135deg,#00d4ff,#7b2fff);background:var(--gradient-1);border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.card-glow:hover:before{opacity:.3}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}.hover-shimmer{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f0f0ff 40%,#00d4ff 50%,#f0f0ff 60%);background:linear-gradient(90deg,var(--text-primary) 40%,var(--accent-cyan) 50%,var(--text-primary) 60%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;transition:background-position .5s ease}.hover-shimmer:hover{background-position:-100%}@keyframes sectionEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes borderRotate{0%{--angle:0deg}to{--angle:360deg}}.tilt-card{transform-style:preserve-3d;transition:transform .15s ease}a.underline-hover{position:relative}a.underline-hover:after{background:linear-gradient(135deg,#00d4ff,#7b2fff);background:var(--gradient-1);bottom:-2px;content:"";height:1.5px;left:0;position:absolute;transition:width .3s ease;width:0}a.underline-hover:hover:after{width:100%}.loader{align-items:center;background:#050508;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;transition:opacity .6s ease,transform .6s ease;z-index:99999}.loader-exit{opacity:0;pointer-events:none;transform:scale(1.05)}.loader-grid{animation:gridPulse 3s ease-in-out infinite;background-image:linear-gradient(#00d4ff0a 1px,#0000 0),linear-gradient(90deg,#00d4ff0a 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.loader-glow{background:radial-gradient(ellipse,#7b2fff40 0,#00d4ff1a 40%,#0000 70%);border-radius:50%;filter:blur(40px);height:400px;opacity:0;pointer-events:none;position:absolute;transition:opacity .8s ease;width:700px}.loader-glow.active{opacity:1}.loader-corner{animation:cornerPulse 2s ease-in-out infinite;border-color:#00d4ff66;border-style:solid;height:40px;position:absolute;width:40px}.loader-corner-tl{border-width:2px 0 0 2px;left:2rem;top:2rem}.loader-corner-tr{animation-delay:.5s;border-width:2px 2px 0 0;right:2rem;top:2rem}.loader-corner-bl{animation-delay:1s;border-width:0 0 2px 2px;bottom:2rem;left:2rem}.loader-corner-br{animation-delay:1.5s;border-width:0 2px 2px 0;bottom:2rem;right:2rem}@keyframes cornerPulse{0%,to{border-color:#00d4ff4d}50%{border-color:#00d4ffcc}}.loader-content{align-items:center;display:flex;flex-direction:column;gap:0;position:relative;text-align:center;z-index:2}.loader-tag{color:#00d4ff99;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.3em;margin-bottom:1.5rem;opacity:0;text-transform:uppercase;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.loader-tag.visible{opacity:1;transform:translateY(0)}.loader-name-row{display:flex;gap:.08em;line-height:1}.loader-lastname{margin-bottom:1.2rem;margin-top:-.05em}.loader-char{color:#f0f0ff;display:inline-block;font-family:Syne,sans-serif;font-size:clamp(4rem,13vw,9rem);font-weight:800;letter-spacing:-.02em;opacity:0;text-shadow:0 0 40px #00d4ff00,0 0 80px #7b2fff00;transform:translateY(60px) rotateX(90deg);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.loader-char.visible{opacity:1;transform:translateY(0) rotateX(0deg)}.loader-char-outline{-webkit-text-stroke:2px #ffffffb3;color:#0000;text-shadow:none!important}.loader-glow.active~.loader-content .loader-char{text-shadow:0 0 40px #00d4ff4d,0 0 80px #7b2fff33}.loader-line{background:linear-gradient(90deg,#00d4ff,#7b2fff);background:linear-gradient(90deg,var(--accent-cyan,#00d4ff),var(--accent-purple,#7b2fff));border-radius:2px;height:2px;margin-bottom:1rem;overflow:hidden;transition:width .8s cubic-bezier(.4,0,.2,1);width:0}.loader-line.active{width:200px}.loader-line-inner{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);display:block;height:100%;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.loader-role{color:#fff6;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.12em;margin-bottom:2.5rem;opacity:0;text-transform:uppercase;transition:opacity .6s ease .2s}.loader-role.visible{opacity:1}.loader-progress{background:#ffffff0f;border-radius:2px;height:2px;overflow:hidden;width:200px}.loader-progress-bar{background:linear-gradient(90deg,#00d4ff,#7b2fff,#ff2d78);border-radius:2px;height:100%;transition:width 2s cubic-bezier(.4,0,.2,1);width:0}.loader-progress-bar.active{width:100%}.loader-particle{animation:floatUp linear infinite;background:#00d4ff80;border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(0)}}@media (max-width:480px){.loader-char{font-size:clamp(2.8rem,15vw,4rem)}.loader-corner{height:25px;width:25px}}.bg3d-canvas{height:100%;opacity:.55;pointer-events:none;z-index:0}.bg3d-canvas,.navbar{left:0;position:fixed;top:0;width:100%}.navbar{padding:1.5rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 30px #0006;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{cursor:pointer;font-family:var(--font-display);font-size:1.4rem;font-weight:800;transition:var(--transition);-webkit-user-select:none;user-select:none}.logo-bracket{color:var(--accent-cyan);font-weight:400}.logo-name{color:var(--text-primary);margin:0 .1em}.nav-logo:hover .logo-name{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;display:flex;gap:.5rem}.nav-link{background:none;border:none;border-radius:100px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:var(--transition)}.nav-link:hover{background:#ffffff0d;color:var(--text-primary)}.nav-link.active{color:var(--accent-cyan)}.nav-link-dot{background:var(--accent-cyan);border-radius:2px;bottom:2px;display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s ease;width:16px}.nav-link.active .nav-link-dot,.nav-link:hover .nav-link-dot{transform:translateX(-50%) scaleX(1)}.nav-cta{font-size:.85rem!important;margin-left:1rem;padding:.6rem 1.5rem!important}.hamburger{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:none;padding:.5rem;transition:var(--transition)}.hamburger:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}@media (max-width:768px){.hamburger{align-items:center;display:flex}.hamburger,.nav-links{justify-content:center}.nav-links{align-items:flex-start;background:var(--bg-card);border-left:1px solid var(--border-subtle);flex-direction:column;gap:.25rem;height:100vh;max-width:320px;padding:2rem;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:75%;z-index:999}.nav-links.open{right:0}.nav-link{font-size:1.1rem;padding:.75rem 1rem;text-align:left;width:100%}.nav-cta{justify-content:center;margin-left:0;margin-top:1rem;width:100%}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:90px;position:relative}.hero-canvas{inset:0;pointer-events:none;position:absolute;z-index:0}.hero-orb-1{background:radial-gradient(circle,#7b2fff2e 0,#0000 70%);height:600px;right:-200px;top:-200px;width:600px}.hero-orb-2{background:radial-gradient(circle,#00d4ff1f 0,#0000 70%);bottom:-100px;height:400px;left:-100px;width:400px}.hero-orb-3{background:radial-gradient(circle,#ff2d781a 0,#0000 70%);height:300px;left:30%;top:40%;width:300px}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,#0000 75%);mask-image:radial-gradient(ellipse at center,#000 30%,#0000 75%);pointer-events:none;position:absolute}.hero-content{padding-bottom:6rem;padding-top:2rem;position:relative;z-index:1}.hero-badge{align-items:center;animation:fadeInDown .8s ease both;background:#00ffaa0f;border:1px solid #0fa3;border-radius:100px;color:var(--accent-green);display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.08em;margin-bottom:2rem;padding:.4rem 1rem}.badge-dot{animation:pulse 2s infinite;background:var(--accent-green);border-radius:50%;box-shadow:0 0 8px var(--accent-green);height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{animation:fadeInUp .8s ease .1s both;display:flex;flex-direction:column;font-family:var(--font-display);font-weight:800;line-height:1.1;margin-bottom:1rem}.hero-greeting{color:var(--text-secondary);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;margin-bottom:.3rem}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0ff 30%,#9898b8);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5.5rem);letter-spacing:-.02em}.hero-role{animation:fadeInUp .8s ease .2s both;font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;margin-bottom:1.5rem}.role-text{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text}.cursor-blink{animation:blink .8s infinite;color:var(--accent-cyan);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{animation:fadeInUp .8s ease .3s both;color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:2.5rem;max-width:520px}.hero-actions{animation:fadeInUp .8s ease .4s both;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.hero-socials{animation:fadeInUp .8s ease .5s both;display:flex;gap:.75rem;margin-bottom:3rem}.social-icon{align-items:center;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.1rem;height:42px;justify-content:center;transition:var(--transition);width:42px}.social-icon:hover{background:#00d4ff14;border-color:var(--accent-cyan);box-shadow:0 8px 20px #00d4ff26;color:var(--accent-cyan);transform:translateY(-3px)}.hero-stats{animation:fadeInUp .8s ease .6s both;display:flex;gap:2.5rem}.hero-stat{display:flex;flex-direction:column;gap:.2rem}.stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.scroll-indicator{align-items:flex-start;background:none;border:2px solid #ffffff26;border-radius:15px;bottom:2.5rem;cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;padding-top:8px;position:absolute;transform:translateX(-50%);transition:var(--transition);width:30px;z-index:1}.scroll-indicator:hover{border-color:var(--accent-cyan)}.scroll-wheel{animation:scrollDown 2s infinite;background:var(--accent-cyan);border-radius:2px;height:8px;width:4px}@keyframes scrollDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.hero-actions{flex-direction:column}.hero-stats{gap:1.5rem}.hero-content{padding-bottom:4rem}}.about{background:var(--bg-secondary);overflow:hidden}.about-orb{background:radial-gradient(circle,#00d4ff12 0,#0000 70%);height:500px;left:-200px;pointer-events:none;top:-100px;width:500px}.reveal-item{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal-delay-1{transition-delay:.15s}.container.visible .reveal-item{opacity:1;transform:translateY(0)}.about-grid{grid-gap:5rem;align-items:start;display:grid;gap:5rem;grid-template-columns:380px 1fr}.about-photo-col{position:sticky;top:120px}.about-photo-wrapper{display:inline-block;position:relative}.about-photo-frame{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);height:400px;overflow:hidden;position:relative;width:340px}.about-photo-frame:before{background:var(--gradient-1);content:"";inset:0;opacity:.06;position:absolute;z-index:1}.about-photo-placeholder{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-card-hover) 100%);color:var(--text-muted);font-family:var(--font-display);font-size:1.1rem;font-weight:700;height:100%;letter-spacing:.1em;text-align:center;width:100%}.about-exp-badge,.about-photo-placeholder{align-items:center;display:flex;justify-content:center}.about-exp-badge{background:var(--gradient-1);border:3px solid var(--bg-secondary);border-radius:50%;bottom:-16px;flex-direction:column;gap:0;height:90px;position:absolute;right:-16px;width:90px;z-index:2}.exp-number{color:#fff;font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1}.exp-label{color:#fffc;font-size:.55rem;line-height:1.3;text-align:center;text-transform:uppercase}.exp-label,.floating-tag{font-weight:700;letter-spacing:.05em}.floating-tag{animation:floatTag 3s ease-in-out infinite;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:100px;color:var(--accent-cyan);font-family:var(--font-display);font-size:.72rem;padding:.4rem .9rem;position:absolute;white-space:nowrap}.ft-1{animation-delay:0s;left:-50px;top:20px}.ft-2{animation-delay:.8s;right:-50px;top:50%}.ft-3{animation-delay:1.6s;bottom:40px;left:-40px}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about-name{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:1.2rem}.about-text{color:var(--text-secondary);line-height:1.9;margin-bottom:1rem}.about-info{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.7rem;margin:1.8rem 0;padding:1.5rem}.info-row{align-items:center;display:flex;gap:.75rem}.info-icon{color:var(--accent-cyan);flex-shrink:0;font-size:.95rem}.info-label{color:var(--text-muted);font-size:.85rem;min-width:75px}.info-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.about-socials{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.about-social-btn{align-items:center;border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.55rem 1.1rem;transition:var(--transition)}.about-social-btn:hover{background:#00d4ff0f;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#7b2fff14;border:1px solid #7b2fff33;border-radius:100px;color:var(--accent-purple);cursor:default;font-size:.78rem;font-weight:600;padding:.35rem .85rem;transition:var(--transition)}.tech-tag:hover{background:#7b2fff29;transform:translateY(-2px)}@media (max-width:960px){.about-grid{gap:3rem;grid-template-columns:1fr}.about-photo-col{display:flex;justify-content:center;position:static}.about-photo-frame{height:340px;width:280px}}@media (max-width:480px){.ft-1,.ft-2,.ft-3{display:none}}.certificates{background:var(--bg-primary);overflow:hidden}.cert-orb{background:radial-gradient(circle,#ff2d7814 0,#0000 70%);height:500px;right:-200px;top:50%;transform:translateY(-50%);width:500px}.cert-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cert-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);opacity:0;overflow:hidden;padding:1.8rem;position:relative;transform:translateY(30px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.cert-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease,border-color .35s ease}.cert-card:hover{border-color:#ffffff1f;box-shadow:0 20px 50px #00000080;transform:translateY(-6px)!important}.cert-accent{height:3px;left:0;opacity:.8;position:absolute;top:0;transition:height .3s ease,opacity .3s ease;width:100%}.cert-card:hover .cert-accent{height:4px;opacity:1}.cert-top{gap:1rem;margin-bottom:1.2rem}.cert-icon,.cert-top{align-items:center;display:flex}.cert-icon{background:#ffffff08;border:1px solid;border-radius:var(--radius-sm);flex-shrink:0;font-size:1.4rem;height:48px;justify-content:center;width:48px}.cert-meta{display:flex;flex-direction:column;gap:.25rem}.cert-issuer{color:var(--text-secondary);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cert-date{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:.3rem}.cert-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.35;margin-bottom:1rem}.cert-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}.cert-skill-tag{border:1px solid;border-radius:100px;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.25rem .65rem}.cert-link{align-items:center;border-bottom:1px solid #0000;color:var(--accent-cyan);color:var(--cert-color,var(--accent-cyan));display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;transition:var(--transition)}.cert-link:hover{border-bottom-color:var(--cert-color,var(--accent-cyan));gap:.6rem}@media (max-width:640px){.cert-grid{grid-template-columns:1fr}}.projects{background:var(--bg-secondary);overflow:hidden}.projects-orb{background:radial-gradient(circle,#7b2fff1a 0,#0000 70%);bottom:-200px;height:600px;left:-200px;width:600px}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:3rem}.filter-btn{background:#0000;border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:.55rem 1.4rem;transition:var(--transition)}.filter-btn:hover{border-color:#fff3;color:var(--text-primary)}.filter-btn.active{background:var(--gradient-1);border-color:#0000;color:#fff;font-weight:600}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:0;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease,border-color .3s ease}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{border-color:#ffffff1a;box-shadow:0 24px 60px #00000080;transform:translateY(-6px)!important}.project-card.featured{border-color:#00d4ff26}.project-accent{height:2px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.project-card:hover .project-accent{height:3px}.featured-badge{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:100px;color:var(--accent-cyan);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .7rem;position:absolute;right:1.2rem;top:1.2rem}.project-emoji{display:block;filter:drop-shadow(0 0 12px var(--accent-cyan));filter:drop-shadow(0 0 12px var(--color,var(--accent-cyan)));font-size:2.4rem;margin-bottom:1rem;transition:transform .3s ease}.project-card:hover .project-emoji{transform:scale(1.15)}.project-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.65rem}.project-desc{color:var(--text-secondary);flex:1 1;font-size:.88rem;line-height:1.75;margin-bottom:1.2rem}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}.project-tech-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;color:var(--text-muted);font-size:.7rem;font-weight:600;padding:.25rem .7rem;transition:var(--transition)}.project-card:hover .project-tech-tag{border-color:#ffffff1f;color:var(--text-secondary)}.project-links{display:flex;gap:.75rem}.project-link{align-items:center;border-radius:100px;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:var(--transition)}.project-link.github{border:1px solid var(--border-subtle);color:var(--text-secondary)}.project-link.github:hover{background:#ffffff0a;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px)}.project-link.live{border-opacity:.3;background:#ffffff0a;border:1px solid #ffffff1a;border-color:var(--color,var(--accent-cyan));color:var(--accent-cyan);color:var(--color,var(--accent-cyan))}.project-link.live:hover{background:color-mix(in srgb,var(--accent-cyan) 12%,#0000);background:color-mix(in srgb,var(--color,var(--accent-cyan)) 12%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-cyan) 25%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--color,var(--accent-cyan)) 25%,#0000);transform:translateY(-2px)}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.contact{background:var(--bg-primary);overflow:hidden}.contact-orb-1{background:radial-gradient(circle,#00d4ff14 0,#0000 70%);height:500px;right:-200px;top:0;width:500px}.contact-orb-2{background:radial-gradient(circle,#7b2fff14 0,#0000 70%);bottom:-100px;height:400px;left:-200px;width:400px}.contact-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1.4fr}.contact-info-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.contact-info-text{color:var(--text-secondary);font-size:.95rem;line-height:1.85;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.contact-detail{align-items:flex-start;display:flex;gap:1rem}.contact-detail-icon{align-items:center;background:#00d4ff14;border:1px solid #00d4ff26;border-radius:var(--radius-sm);color:var(--accent-cyan);display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;width:42px}.detail-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;margin-bottom:.2rem;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:.9rem;font-weight:500;transition:var(--transition)}a.detail-value:hover{color:var(--accent-cyan)}.contact-socials{display:flex;flex-wrap:wrap;gap:.75rem}.contact-social{align-items:center;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:var(--transition);width:44px}.contact-social:hover{background:#00d4ff0f;border-color:var(--accent-cyan);box-shadow:0 8px 20px #00d4ff1f;color:var(--accent-cyan);transform:translateY(-3px)}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.04em}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;padding:.8rem 1rem;resize:none;transition:var(--transition)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{background:var(--bg-primary);border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff14}.form-group.error input,.form-group.error textarea{border-color:var(--accent-pink)}.form-error{color:var(--accent-pink);font-size:.75rem}.submit-btn{border-radius:var(--radius-sm)!important;font-size:.95rem!important;justify-content:center;padding:1rem!important;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.form-success{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.success-icon{animation:bounceIn .5s ease;color:var(--accent-green);filter:drop-shadow(0 0 20px var(--accent-green));font-size:3rem}.form-success h3{font-family:var(--font-display);font-size:1.5rem;font-weight:800}.form-success p{color:var(--text-secondary)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.contact-grid{gap:2.5rem;grid-template-columns:1fr}}@media (max-width:560px){.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:1.5rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);overflow:hidden;position:relative}.footer-glow{background:radial-gradient(ellipse,#00d4ff0f 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:600px}.footer .container{padding-bottom:2rem;padding-top:3.5rem}.footer-top{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem}.footer-logo{cursor:pointer;font-family:var(--font-display);font-size:1.3rem;font-weight:800}.footer-logo .logo-bracket{color:var(--accent-cyan);font-weight:400}.footer-nav{display:flex;flex-wrap:wrap;gap:.25rem}.footer-link{background:none;border:none;border-radius:100px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.87rem;padding:.4rem .8rem;transition:var(--transition)}.footer-link:hover{background:#00d4ff0f;color:var(--accent-cyan)}.footer-socials{display:flex;gap:.6rem}.footer-social{align-items:center;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1rem;height:38px;justify-content:center;transition:var(--transition);width:38px}.footer-social:hover{background:#00d4ff0f;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px)}.footer-divider{background:var(--border-subtle);height:1px;margin-bottom:2rem}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-made{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;gap:.4rem}.heart-icon{animation:heartbeat 1.4s ease-in-out infinite;color:var(--accent-pink)}.code-icon{color:var(--accent-cyan)}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width:640px){.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{align-items:center;flex-direction:column;text-align:center}}.cursor-dot{background:var(--accent-cyan);border-radius:50%;height:8px;mix-blend-mode:screen;transition:width .2s,height .2s;width:8px;z-index:99999}.cursor-dot,.cursor-ring{pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid #00d4ff80;border-radius:50%;height:36px;transition:width .3s,height .3s,border-color .3s;width:36px;z-index:99998}.cursor-ring.hover{background:#7b2fff0f;border-color:var(--accent-purple);height:56px;width:56px}@media (max-width:768px){.cursor-dot,.cursor-ring{display:none}}.site-wrapper{opacity:0;position:relative;transition:opacity .8s ease;z-index:1}.site-wrapper.site-visible{opacity:1}.sr-fade-left,.sr-fade-right,.sr-fade-up,.sr-flip,.sr-zoom{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.34,1.2,.64,1);will-change:opacity,transform}.sr-fade-up{transform:translateY(50px)}.sr-fade-left{transform:translateX(-50px)}.sr-fade-right{transform:translateX(50px)}.sr-zoom{transform:scale(.88)}.sr-flip{transform:perspective(600px) rotateX(20deg)}.sr-fade-left.sr-visible,.sr-fade-right.sr-visible,.sr-fade-up.sr-visible,.sr-flip.sr-visible,.sr-zoom.sr-visible{opacity:1;transform:none}.sr-delay-1{transition-delay:.1s}.sr-delay-2{transition-delay:.2s}.sr-delay-3{transition-delay:.3s}.sr-delay-4{transition-delay:.4s}.sr-delay-5{transition-delay:.5s}.sr-delay-6{transition-delay:.6s}.parallax-slow{will-change:transform}.section-wave{display:block;line-height:0;margin-top:-2px;overflow:hidden;width:100%}.scroll-progress{background:linear-gradient(90deg,#00d4ff,#7b2fff,#ff2d78);box-shadow:0 0 10px #00d4ff80;height:3px;left:0;position:fixed;top:0;transform:scaleX(0);transform-origin:left;transition:transform .1s linear;z-index:9999}
/*# sourceMappingURL=main.c68ef765.css.map*/