*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#a352c2;--primary-light:#b2a249;--black:#0d0d0d;--dark:#111;--card-bg:#161616;--white:#f5f5f0;--purple:#8b5cf6;--purple-light:#a78bfa;--gold:#b2a249;--red:#ef4444;--gray:#888;--font-display:"Poppins";--font-body:"Inter"}.primaryColor{color:var(--primary)}.underline{text-decoration:underline}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.like-icon{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}.navbar{background:var(--black);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:10px;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:.02em;color:var(--white);font-size:1.3rem;font-weight:800}.logo-text.sm{font-size:1.1rem}.logo-accent{color:var(--purple)}.logo-tagline{color:#b4b4b4;margin-left:2px;padding-left:10px;font-size:.8rem;line-height:1.3}.logo-tagline.sm{font-size:.53rem}.nav-icons{align-items:center;gap:8px;display:flex}.icon-btn{color:var(--white);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:background .2s;display:flex}.icon-btn:hover{background:var(--primary)}.hero{background:var(--black);align-items:center;gap:3rem;min-height:calc(100vh - 60px);padding:3rem;animation:.8s both fadeInUp;display:flex}.hero-left{width:40%}.hero-3d-fallback{position:relative}.blob-q{color:#fff;justify-content:center;align-items:center;font-size:3rem;font-weight:900;animation:4s ease-in-out infinite floatQ;display:flex}.blob-q img{height:350px}.blob-check{color:#fff;background:linear-gradient(135deg,#bdbdbd,#757575);border-radius:50% 60% 40% 50%/60% 40%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3.3rem;animation:4s ease-in-out .5s infinite floatCheck;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 20px 60px #6464644d}@keyframes floatQ{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatCheck{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-8px)rotate(-3deg)}}.hero-right{flex:1;justify-content:center;align-items:center;display:flex}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--gray);margin-bottom:2rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1.5}.accent-red{color:var(--red)}.accent-white{color:var(--white)}.accent-yellow{color:var(--yellow);font-style:italic}.accent-purple{color:var(--purple-light)}.accent-primary-light{color:var(--primary-light);font-weight:500}.accent-primary{color:var(--primary);font-weight:500}.hero-sub{color:#e9e9e9;margin-bottom:2rem;font-size:1.3rem;font-weight:300;line-height:1.7}.hero-btns{flex-wrap:wrap;gap:1.3rem;display:flex}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid;border-radius:999px;padding:1rem 3rem;font-size:1.2rem;font-weight:300;transition:all .25s;display:inline-block}.btn-solid{color:var(--white);background:var(--primary)}.btn-outline{border-color:var(--primary);color:var(--white);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659}.btn-outline-sm{font-family:var(--font-body);cursor:pointer;border:1.5px solid var(--purple);color:var(--white);background:0 0;border-radius:999px;padding:7px 18px;font-size:.78rem;font-weight:500;transition:all .25s;display:inline-block}.btn-outline-sm:hover{background:var(--purple);transform:translateY(-2px);box-shadow:0 6px 18px #8b5cf64d}.code-title{padding:0 1rem;font-size:1.3rem}.section-label{font-family:var(--font-body);color:#888;align-items:center;font-size:3rem;font-weight:400;display:flex}.section-label.centered{text-align:center;margin-bottom:7rem;display:block}.why-me{background:var(--black);justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding-bottom:3rem;animation:.8s .1s both fadeInUp;display:flex}.why-me-canvas{width:80%;height:auto}.why-text{font-family:var(--font-display);letter-spacing:-.01em;max-width:100%;color:var(--white);padding:4rem 3% 0;font-size:clamp(1.6rem,3vw,4rem);font-weight:300;line-height:1.6}.tagline-banner{min-height:calc(100vh - 60px);padding:64px 3rem;display:flex;overflow:hidden}.tagline-pill{background:var(--gold);color:#111;letter-spacing:.01em;border-radius:6px;margin-bottom:16px;padding:10px 20px;font-size:clamp(2rem,3vw,2.3rem);font-weight:500;display:inline-block}.tagline-sub{color:#e9e9e9;margin-bottom:2rem;font-size:1.3rem;font-weight:300;line-height:1.7}.tagline-left{flex-direction:column;justify-content:center;align-items:flex-start;width:50%;height:auto;display:flex}.tagline-right{justify-content:center;align-items:stretch;width:50%;display:flex}.shape{border-radius:50%;position:absolute}.footer-social-icons-mobile{display:none}.happy-face-char{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.eyes-canvas{width:60%;height:40%;position:relative}.mouth-canvas{justify-content:center;width:100%;height:60%;animation:3s linear infinite half-spin;display:flex}.shape-triangle{animation:12s linear infinite spin;top:0;left:0}.shape-arrow{animation:3s ease-in-out infinite updown;top:0;right:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes half-spin{0%,to{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes updown{0%,to{transform:translateY(15px)}50%{transform:translateY(-15px)}}.skills{background:var(--black);padding:3rem}.skills-grid{flex-direction:column;gap:3rem;display:flex}.skill-card{align-items:center;gap:40px;padding:2rem 0;display:flex}.skill-card:last-child{border-bottom:none}.skill-info{flex:1;max-width:50%}.skill-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin-bottom:16px;font-size:clamp(2rem,3.5vw,3rem);font-weight:300}.skill-desc{color:#888;max-width:auto;margin-bottom:2rem;font-size:1.3rem;line-height:1.7}.skill-shape{flex:1;justify-content:center;align-items:center;display:flex}.shape-blob{animation:3s ease-in-out infinite updown}.shape-blob-spin{animation:18s ease-in-out infinite spin}@keyframes morphBlob{0%,to{border-radius:50% 40% 60% 50%/50% 60% 40%}25%{border-radius:60% 50% 40% 60%/40% 50% 60%}50%{border-radius:40% 60% 50% 40%/60% 40% 50% 60%}75%{border-radius:55% 45% 45% 55%/55% 45%}}.tools{background:var(--black);flex-direction:column;justify-content:start;align-items:center;height:calc(100vh - 60px);padding-top:2rem;display:flex}.tools-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.tool-item{cursor:pointer;flex-direction:column;align-items:center;gap:16px;transition:transform .3s;display:flex}.tool-item:hover{transform:translateY(-6px)}.tool-icon{justify-content:center;align-items:center;transition:border-color .3s,box-shadow .3s;display:flex}.tool-icon>img{height:90px}.tool-item:hover .tool-icon{border-color:var(--purple);box-shadow:0 0 24px #8b5cf640}.js-icon{background:#f7df1e;border:none}.aws-icon{background:#232f3e}.tool-name{color:#e4e4e4;text-align:center;font-size:1rem;transition:color .2s}.tool-item:hover .tool-name{color:var(--white)}.knowledge{background:var(--purple);padding:3rem}.knowledge .section-label{color:#ffffffb3}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin:4rem 0 2rem;display:grid}.k-title{font-family:var(--font-display);color:#fff;margin-bottom:3rem;font-size:2.3rem;font-weight:300;line-height:1.2}.k-list li{margin-bottom:6px}.k-list a{color:#ffffffb3;font-size:1rem;transition:color .2s}.k-list a:hover{color:#fff;text-decoration:underline}.footer{background:var(--white);border-top:1px solid #1e1e1e;flex-flow:column wrap;align-items:center;gap:24px;padding:5rem 3rem;display:flex}.footer-canvas{width:100%;display:flex}.footer-blobs{align-items:center;gap:3rem;display:flex}.f-blob{border-radius:50% 40% 60% 50%/50% 60% 40%;margin-right:-15px;animation:6s ease-in-out infinite morphBlob}.f-blob>img{height:150px}.footer-links{flex-direction:column;display:flex}.footer-links a{color:#3d3d3d;font-size:2rem;font-weight:700;line-height:2rem;transition:color .2s}.footer-links a:hover{color:var(--purple-light);text-decoration:underline}.footer-left{justify-content:left;display:flex}.footer-right{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.footer-logo{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:3rem;display:flex}.logo-footer-tagline{color:var(--gray);border-left:1px solid #c5c5c5;margin-left:2px;padding-left:10px;font-size:1rem;line-height:1.3}.footer-social-link{color:var(--gray);flex-direction:column;gap:8px;transition:color .2s;display:flex}.footer-social-icons{gap:16px;margin-top:2rem;display:flex}.footer-social-icons>li{align-items:center;gap:8px;display:flex}.footer-social-icons>li>a{display:flex}.footer-social-icons>li>p{color:var(--gray)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){.hero{text-align:center;flex-direction:row;padding:3rem 2rem}.hero-btns{flex-wrap:nowrap;justify-content:center;gap:3rem}.hero-sub{font-size:1.2rem}.why-me,.tagline-banner,.skills{padding:3rem 2rem}.tools{height:auto;margin-bottom:3rem;padding:3rem 2rem}.knowledge{padding:3rem 2rem}.knowledge-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.footer{flex-wrap:nowrap;height:auto;padding:3rem 2rem}.skill-card{flex-direction:row;align-items:center;padding:3rem 0}.tools-grid{gap:3rem}.tagline-right{display:none}.blob-q img{height:250px}.f-blob>img{height:120px}.why-me-canvas{width:100%}.skill-shape img{height:180px}.tool-icon img{height:80px}.footer-right{align-items:end}}@media (width<=600px){.navbar{padding:14px 20px}.hero{flex-direction:column;height:auto;min-height:auto;margin:3rem 0;padding:2rem 1rem}.hero-sub{font-size:1rem}.hero-btns{gap:1rem}.why-me{min-height:auto;margin-bottom:3rem;padding:2rem 1rem}.tagline-banner{flex-direction:column-reverse;gap:3rem;min-height:auto;padding:2rem 1rem}.tagline-right{width:100%;display:block}.mouth-canvas img{width:100%}.eyes-canvas{width:90%}.happy-face-char{height:400px}.skills{margin-bottom:3rem;padding:2rem 1rem}.skill-info{flex-direction:column;align-items:center;display:flex}.tools{align-items:start;height:auto;margin-bottom:3rem;padding:2rem 1rem}.knowledge{padding:3rem 1rem}.knowledge-grid{grid-template-columns:1fr;gap:2rem;margin:2.5rem 0 2rem}.why-text{padding:0 3% 0}.footer{flex-direction:column;align-items:flex-start;height:auto;padding:3rem 1rem}.f-blob img{height:80px}.blob-q img{height:200px}.k-title{font-size:2rem}.footer-canvas{flex-direction:column}.footer-right{flex-direction:row;justify-content:space-between;align-items:end;margin-top:2rem}.footer-left{justify-content:start}.footer-social-icons{flex-direction:column;align-items:end;margin-top:.5rem}.shape-blob-spin img,.shape-blob img{height:150px}.skill-info{align-items:start;max-width:100%}.skill-card{flex-direction:column-reverse;align-items:start;padding:0}.tool-icon img{height:62px}.tagline-left{width:100%}.tools-grid{justify-content:start;gap:2rem}.section-label{margin-bottom:2rem}.like-icon{display:none}.section-label.centered{margin-bottom:1.3rem}.footer-social-icons{display:none}.iconsforMob{width:40px!important;height:40px!important}.footer-social-icons-mobile{display:block}.footer-social-icons-mobile>li{text-align:end}.footer-logo{justify-content:start}}