@import "https://fonts.googleapis.com/css2?family=Titan+One&family=Open+Sans:wght@400;600;700;800&display=swap";:root{--cyan:#22d3ee;--cyan-dark:#0e9ab5;--green:#00ff41;--bg:#f8f9fa;--black:#111;--white:#fff;--dark:#0d0d0d;--shadow:6px 6px 0px var(--black);--shadow-sm:3px 3px 0px var(--black);--radius:14px;--pill:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--black);font-family:Open Sans,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.bubble-font{text-transform:uppercase;font-family:Titan One,cursive;line-height:1.1}a{text-decoration:none}.custom-cursor{background:var(--cyan);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:18px;height:18px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.sr{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.sr-visible{opacity:1;transform:translateY(0)}.loader-screen{background:var(--dark);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-inner{text-align:center;padding:40px}.loader-logo{color:var(--cyan);letter-spacing:4px;margin-bottom:50px;font-family:Titan One,cursive;font-size:clamp(2rem,7vw,4rem);animation:1.5s ease-in-out infinite pulse}.loader-bar-track{border:3px solid var(--cyan);background:#222;border-radius:50px;width:min(400px,80vw);height:16px;margin:0 auto 20px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:50px;height:100%;transition:width 60ms linear}.loader-percent{color:#fff;font-family:Titan One,cursive;font-size:clamp(3rem,10vw,6rem)}.loader-tagline{color:#555;letter-spacing:2px;text-transform:uppercase;margin-top:12px;font-size:1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.7}}.fade-in{animation:.8s both fadeIn}.neo-border{border:4px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow)}.neo-pill{border:4px solid var(--black);border-radius:var(--pill);background:var(--green);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:2px;padding:12px 36px;font-family:Titan One,cursive;font-size:clamp(1rem,2.5vw,1.4rem);display:inline-block}.cyan-text{color:var(--cyan)}.cyan-tag{color:var(--cyan)!important}.nav{background:var(--bg);border-bottom:4px solid var(--black);z-index:100;justify-content:space-between;align-items:center;padding:16px clamp(16px,5vw,60px);display:flex;position:sticky;top:0}.nav-logo{letter-spacing:2px;background:linear-gradient(120deg,var(--black) 0%,#333 50%,var(--black) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-family:Titan One,cursive;font-size:clamp(1.1rem,3.5vw,1.8rem);animation:3s linear infinite shimmer}.nav-links{flex-wrap:wrap;gap:10px;display:flex}.nav-btn{background:var(--bg);border:3px solid var(--black);border-radius:var(--pill);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--black);text-transform:uppercase;letter-spacing:1px;padding:6px 18px;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s}.nav-btn:hover{box-shadow:5px 5px 0px var(--black);transform:translate(-2px,-2px)}.contact-btn{background:var(--green)}.hero{align-items:center;min-height:92vh;padding:clamp(40px,6vw,80px) clamp(16px,5vw,60px);display:flex;position:relative;overflow:hidden}.hero-bg-glow{filter:blur(80px);pointer-events:none;border-radius:50%;animation:4s ease-in-out infinite glowPulse;position:absolute}.hero-bg-glow-1{background:#22d3ee26;width:350px;height:350px;top:-80px;left:-80px}.hero-bg-glow-2{background:#00ff411a;width:300px;height:300px;animation-delay:2s;bottom:0;right:-60px}.hero-layout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;width:100%;display:flex}.hero-left{flex:1;min-width:220px}.hero-center{flex-direction:column;flex:none;align-items:center;display:flex}.hero-right{text-align:right;flex:1;min-width:220px}.hero-hello{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:1.1rem;font-weight:700}.hero-name{letter-spacing:4px;-webkit-text-stroke:2px var(--black);color:var(--bg);text-shadow:5px 5px 0 var(--black);font-size:clamp(3rem,8vw,6rem);line-height:1}.hero-name-sub{color:var(--cyan);-webkit-text-stroke:2px var(--cyan-dark);text-shadow:4px 4px 0 var(--cyan-dark)}.hero-pill{margin:20px 0;font-size:clamp(.8rem,2vw,1rem)}.hero-desc{max-width:400px;margin-bottom:24px;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;line-height:1.7}.hero-cta-row{flex-wrap:wrap;gap:14px;display:flex}.btn-primary{background:var(--black);color:#fff;border-radius:var(--pill);letter-spacing:1px;border:3px solid var(--black);padding:12px 28px;font-family:Titan One,cursive;font-size:.95rem;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-3px,-3px)}.btn-secondary{background:var(--green);color:var(--black);border:3px solid var(--black);border-radius:var(--pill);cursor:pointer;letter-spacing:1px;box-shadow:var(--shadow-sm);padding:12px 28px;font-family:Titan One,cursive;font-size:.95rem;transition:transform .2s,box-shadow .2s}.btn-secondary:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-3px,-3px)}.hero-photo-wrap{animation:4s ease-in-out infinite float;display:inline-block;position:relative}.hero-photo{object-fit:cover;object-position:top center;border:5px solid var(--black);width:clamp(160px,28vw,240px);height:clamp(160px,28vw,240px);box-shadow:8px 8px 0 var(--black),0 0 0 8px var(--cyan);border-radius:50%}.hero-photo-ring{pointer-events:none;border:3px solid #22d3ee66;border-radius:50%;animation:2.5s ease-in-out infinite pulse;position:absolute;inset:-14px}.hero-photo-glow{pointer-events:none;background:radial-gradient(circle,#22d3ee40,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite glowPulse;position:absolute;inset:-20px}.hero-an{color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:.9rem;font-weight:700}.hero-roles{flex-direction:column;align-items:flex-end;display:flex}.hero-role-1,.hero-role-2{text-transform:uppercase;font-family:Titan One,cursive;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.hero-role-2{color:var(--cyan);-webkit-text-stroke:1px var(--cyan-dark)}.hero-tags-wrap{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.hero-tag{border-radius:var(--pill);border:2.5px solid var(--black);box-shadow:3px 3px 0 var(--black);letter-spacing:1px;text-transform:uppercase;background:#fff;padding:6px 14px;font-size:.75rem;font-weight:700}.cards-section{background:var(--bg);border-top:4px solid var(--black);flex-wrap:wrap;justify-content:center;gap:24px;padding:clamp(40px,6vw,80px) clamp(16px,4vw,40px);display:flex}.card{text-align:center;background:#fff;flex-direction:column;align-items:center;width:clamp(260px,26vw,310px);min-width:260px;padding:32px 22px 26px;transition:transform .25s,box-shadow .25s;display:flex}.card:hover{box-shadow:10px 10px 0 var(--black);transform:translate(-4px,-4px)}.card.bg-black{background:var(--black);color:#fff}.card.bg-cyan{background:var(--cyan)}.card h3{word-break:break-word;margin-bottom:6px;font-size:clamp(1.4rem,3.5vw,1.9rem)}.sub-tag{letter-spacing:2px;color:#666;margin-bottom:14px;font-family:Titan One,cursive;font-size:.78rem}.card-desc{margin:6px 0 14px;font-size:.88rem;font-weight:700;line-height:1.5}.card-emoji{flex-grow:1;justify-content:center;align-items:center;font-size:clamp(2.5rem,5vw,3.5rem);animation:3.5s ease-in-out infinite float;display:flex}.card-stack-text{letter-spacing:2px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;font-family:Titan One,cursive;font-size:clamp(2rem,5vw,2.8rem);line-height:1;display:flex}.card-btn{background:var(--black);color:#fff;border-radius:var(--pill);letter-spacing:1px;border:3px solid var(--black);white-space:nowrap;margin-top:18px;padding:10px 28px;font-family:Titan One,cursive;font-size:.95rem;transition:transform .2s,box-shadow .2s;display:inline-block}.card-btn:hover{transform:translate(-2px,-2px)}.card-btn-cyan{background:var(--cyan);color:var(--black);border-color:var(--cyan-dark)}.card-btn-dark{background:var(--black);color:#fff}.card:not(.bg-black) .card-btn{border-color:var(--black);box-shadow:4px 4px 0 var(--black)}.whatido-section{background:var(--dark);color:#fff;border-top:4px solid var(--black);padding:clamp(60px,8vw,100px) clamp(16px,6vw,80px)}.whatido-header{margin-bottom:clamp(40px,5vw,60px)}.whatido-title{-webkit-text-stroke:2px #ffffff4d;color:#0000;font-size:clamp(4rem,12vw,8rem);line-height:.9}.whatido-accent{color:var(--cyan);-webkit-text-stroke:0}.whatido-cards{flex-wrap:wrap;gap:24px;display:flex}.what-card{color:#fff;cursor:pointer;background:#1a1a1a;border-color:#333;flex:1;min-width:280px;padding:40px 32px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.what-card:hover{box-shadow:10px 10px 0 var(--cyan);border-color:var(--cyan);transform:translate(-4px,-4px)}.what-card-dark{background:#111}.what-card-corner{background:var(--cyan);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.7;width:60px;height:60px;transition:opacity .3s;position:absolute;top:0;right:0}.what-card:hover .what-card-corner{opacity:1}.what-card-inner{z-index:1;position:relative}.what-num{color:#22d3ee26;margin-bottom:12px;font-family:Titan One,cursive;font-size:4rem;line-height:1}.what-card h3{color:#fff;letter-spacing:.5px;margin-bottom:8px;font-family:Open Sans,sans-serif;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700}.what-card h4{color:var(--cyan);text-transform:none;margin-bottom:16px;font-family:Open Sans,sans-serif;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:600}.what-card p{color:#bbb;margin-bottom:20px;font-size:.95rem;line-height:1.7}.what-tags-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.what-tag{color:var(--cyan);text-transform:uppercase;border:2px solid #22d3ee66;border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:700}.what-tag-dark{color:var(--cyan);border-color:#22d3ee4d}.what-arrow{font-size:1.8rem;transition:transform .3s}.what-card:hover .what-arrow{transform:translate(8px)}.work-section{background:var(--bg);border-top:4px solid var(--black);padding:clamp(60px,8vw,100px) clamp(16px,5vw,60px)}.work-header{margin-bottom:50px}.work-header h2{font-size:clamp(2.5rem,6vw,4rem)}.work-header p{color:#555;margin-top:12px;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600}.carousel-wrap{position:relative}.c-arrow{z-index:10;border:3px solid var(--black);cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.c-arrow:hover{box-shadow:5px 5px 0 var(--black);transform:translateY(-50%)translate(-2px,-2px)}.c-arrow-l{left:-20px}.c-arrow-r{right:-20px}.c-track-wrap{border-radius:var(--radius);overflow:hidden}.c-track{transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.c-slide{min-width:100%;padding:0 4px}.c-slide-inner{background:var(--dark);color:#fff;border-color:#333;gap:0;min-height:320px;display:flex;overflow:hidden}.c-info{flex:1;padding:clamp(24px,4vw,48px)}.c-num{color:#22d3ee33;font-family:Titan One,cursive;font-size:4rem;line-height:1}.c-info h3{color:#fff;letter-spacing:.5px;margin-bottom:10px;font-family:Open Sans,sans-serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:800}.c-cat{color:var(--cyan);margin-bottom:20px;font-size:1rem;font-weight:700}.c-tools-box{border-top:2px solid #333;padding-top:20px}.c-tools-label{color:#666;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.c-tools-box p{color:#bbb;font-weight:600}.c-emoji-panel{background:var(--cyan);flex-shrink:0;justify-content:center;align-items:center;width:clamp(120px,20vw,200px);font-size:clamp(3rem,6vw,5rem);display:flex}.c-dots{justify-content:center;gap:12px;margin-top:24px;display:flex}.c-dot{border:3px solid var(--black);cursor:pointer;width:12px;height:12px;box-shadow:var(--shadow-sm);background:0 0;border-radius:50%;transition:background .2s}.c-dot-active{background:var(--black)}.career-section{background:var(--dark);color:#fff;border-top:4px solid var(--black);padding:clamp(60px,8vw,100px) clamp(16px,5vw,60px)}.career-header{margin-bottom:clamp(40px,5vw,60px)}.career-header h2{color:#fff;font-size:clamp(2rem,5vw,3.2rem)}.career-list{flex-direction:column;gap:24px;display:flex}.career-item{background:#1a1a1a;border-color:#333;gap:24px;padding:32px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.career-item:hover{border-color:var(--cyan);box-shadow:8px 8px 0 var(--cyan);transform:translate(-4px,-4px)}.career-timeline-dot{background:var(--cyan);width:16px;min-width:16px;height:16px;box-shadow:0 0 12px var(--cyan);border-radius:50%;margin-top:6px}.career-body{flex:1}.career-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.career-top h4{color:#fff;letter-spacing:.3px;margin-bottom:4px;font-family:Open Sans,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700}.career-top h5{color:var(--cyan);text-transform:none;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600}.career-badge{background:var(--cyan);color:var(--black);letter-spacing:1px;border-color:var(--cyan-dark);white-space:nowrap;padding:6px 16px;font-family:Titan One,cursive;font-size:.8rem;box-shadow:3px 3px #22d3ee66}.career-item p{color:#bbb;font-size:.95rem;line-height:1.7}.skills-section{text-align:center;background:var(--bg);border-top:4px solid var(--black);padding:clamp(60px,8vw,100px) clamp(16px,8vw,10%)}.skills-title{color:var(--green);text-shadow:4px 4px 0 var(--black);-webkit-text-stroke:2px var(--black);margin-bottom:12px;font-size:clamp(3rem,8vw,5rem)}.skills-sub{font-size:clamp(.9rem,2vw,1.1rem);font-weight:700}.skills-list{text-align:left;max-width:900px;margin:60px auto 0}.skill-item{border-top:4px solid var(--black);align-items:center;gap:40px;padding:clamp(28px,4vw,50px) 0;transition:background .3s;display:flex}.skill-item:hover{background:#22d3ee0f}.skill-icon{background:var(--black);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(80px,12vw,120px);min-width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px);font-family:Titan One,cursive;font-size:clamp(1.8rem,4vw,3.5rem);transition:transform .3s;display:flex}.skill-item:hover .skill-icon{transform:rotate(-6deg)scale(1.08)}.skill-icon.green{background:var(--green);color:var(--black)}.skill-icon.white-icon{color:var(--black);background:#fff}.skill-info h4{margin-bottom:10px;font-size:clamp(1.2rem,2.5vw,2rem)}.skill-info p{font-size:clamp(.88rem,1.8vw,1.05rem);font-weight:600;line-height:1.7}.footer{background:var(--dark);color:#fff;text-align:center;border-top:4px solid var(--black);padding:clamp(60px,8vw,100px) clamp(16px,5vw,60px);position:relative;overflow:hidden}.footer-bg-glow{pointer-events:none;background:radial-gradient(circle,#22d3ee14,#0000 60%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer h2{letter-spacing:1px;margin-bottom:24px;font-family:Open Sans,sans-serif;font-size:clamp(1.3rem,3.5vw,2.2rem);font-weight:800;position:relative}.lets-talk-btn{cursor:pointer;width:fit-content;margin:0 auto 50px;font-size:clamp(1rem,2.5vw,1.4rem);transition:transform .2s,box-shadow .2s;display:block}.lets-talk-btn:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-3px,-3px)}.contact-grid{flex-wrap:wrap;justify-content:center;gap:40px;max-width:900px;margin:0 auto;display:flex;position:relative}.contact-col{text-align:left;flex:1;min-width:200px}.contact-col h4{letter-spacing:2px;color:var(--cyan);margin-bottom:16px;font-size:1rem}.contact-link{color:#bbb;margin-bottom:10px;font-size:.95rem;font-weight:600;transition:color .2s;display:block}.contact-link:hover{color:var(--cyan)}.contact-edu{color:#555;margin-top:10px;font-size:.9rem}.contact-social-link{color:#bbb;letter-spacing:1px;margin-bottom:10px;font-size:.95rem;font-weight:700;transition:color .2s,transform .2s;display:block}.contact-social-link:hover{color:var(--cyan);transform:translate(4px)}.contact-col-quote{max-width:320px}.contact-quote{color:#888;margin-bottom:16px;font-size:.9rem;font-style:italic;line-height:1.6}.contact-col-quote h3{letter-spacing:1px;color:#fff;font-size:clamp(1rem,2vw,1.2rem)}.contact-copy{color:#555;margin-top:8px;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:#fff;width:min(480px,100%);padding:clamp(24px,5vw,44px) clamp(20px,5vw,40px);animation:.3s both fadeUp;position:relative}.modal-close{cursor:pointer;color:var(--black);background:0 0;border:none;font-size:1.5rem;font-weight:700;transition:transform .2s;position:absolute;top:14px;right:18px}.modal-close:hover{transform:rotate(90deg)}.modal-title{margin-bottom:8px;font-family:Titan One,cursive;font-size:clamp(1.6rem,5vw,2.2rem)}.modal-sub{color:#666;margin-bottom:24px;font-size:.9rem;font-weight:600;line-height:1.5}.modal-form{flex-direction:column;gap:18px;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{letter-spacing:1px;text-transform:uppercase;font-family:Titan One,cursive;font-size:.8rem}.modal-field input,.modal-field select{border:3px solid var(--black);background:var(--bg);color:var(--black);box-shadow:3px 3px 0 var(--black);appearance:none;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:.95rem;font-weight:600;transition:box-shadow .15s,transform .15s}.modal-field input:focus,.modal-field select:focus{box-shadow:5px 5px 0 var(--black);transform:translate(-1px,-1px)}.modal-err{color:#d00;text-align:center;font-size:.88rem;font-weight:700}.modal-submit{color:#fff;border:3px solid var(--black);border-radius:var(--pill);cursor:pointer;box-shadow:4px 4px 0 var(--black);letter-spacing:1px;background:#25d366;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 28px;font-family:Titan One,cursive;font-size:1.1rem;transition:transform .2s,box-shadow .2s;display:flex}.modal-submit:hover{box-shadow:7px 7px 0 var(--black);transform:translate(-3px,-3px)}@media (width<=900px){.hero-layout{text-align:center;flex-direction:column;align-items:center}.hero-right{text-align:center}.hero-tags-wrap{justify-content:center}.hero-roles{align-items:center}.hero-cta-row{justify-content:center}.hero-desc{margin:0 auto 24px}.career-item{flex-direction:column;gap:16px}}@media (width<=640px){.nav-links{gap:6px}.nav-btn{padding:5px 12px;font-size:.72rem}.card{width:100%;min-width:unset}.cards-section{flex-direction:column;align-items:center}.whatido-cards{flex-direction:column}.c-arrow-l{left:-10px}.c-arrow-r{right:-10px}.c-emoji-panel{width:80px;font-size:2.5rem}.skill-item{text-align:center;flex-direction:column;gap:16px}.skills-list{text-align:center}.contact-grid{text-align:center;flex-direction:column;align-items:center}.contact-col{text-align:center;min-width:unset}}@media (width<=380px){.hero-name{font-size:2.8rem}.modal-box{padding:20px 16px}}