:root{--bg: #0B0F16;--mint: #00C8C8;--teal: #3FE0D0;--muted: #A0F0E8;--text: #E0E0E0;--border: #1a2a35}html,body{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}*{box-sizing:border-box}.page-shell{min-height:100vh;background:var(--bg)}.hero-section{position:relative;min-height:100vh;display:grid;align-items:center;overflow:hidden;padding:0 35px;background:var(--bg)}.hero-vanta{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-grid{position:relative;z-index:10;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 992px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-left{max-width:680px;padding-top:40px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:750;background:linear-gradient(90deg,var(--mint),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 25px rgba(0,200,200,.4);margin:0;text-align:left}.hero-subtitle{color:var(--muted);margin:16px 0 0;font-size:clamp(1rem,2.5vw,1.25rem)}.cta-primary{display:inline-block;margin-top:24px;padding:12px 24px;border-radius:9999px;font-weight:700;background:linear-gradient(90deg,var(--mint),var(--teal));color:var(--bg);text-decoration:none;box-shadow:0 0 30px #00c8c899;transition:box-shadow .2s,transform .2s}.cta-primary:hover{box-shadow:0 0 40px #3fe0d0cc;transform:translateY(-1px)}.hero-gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:96px;background:linear-gradient(to top,var(--bg),transparent);z-index:5}@media (max-width: 768px){.hero-section{padding-top:400px}.hero-left{padding-top:60px}}.hero-overlay-icons{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:5;opacity:.08}.code-chip{display:inline-block;margin:8px;padding:8px 12px;border:1px solid var(--border);border-radius:9999px;background:#0e182299;color:var(--muted);animation:float 6s ease-in-out infinite}.code-chip:nth-child(2){animation-delay:1.2s}.code-chip:nth-child(3){animation-delay:2.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tech-marquee{overflow:hidden;margin:12px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.tech-track{display:flex;gap:20px;align-items:center;animation:marquee 20s linear infinite}.tech-logo{height:28px;width:auto;filter:drop-shadow(0 0 6px rgba(0,200,200,.5));opacity:.9}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:80px 24px;background:var(--bg);color:#d1d5db;position:relative}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 600px at -10% -10%,rgba(0,200,200,.05),transparent 60%),radial-gradient(500px 500px at 110% 10%,rgba(63,224,208,.05),transparent 60%);opacity:1}.container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:700;margin:0 0 16px;background:linear-gradient(90deg,var(--mint),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.section-title.center{text-align:center;margin-bottom:40px}.two-col{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}@media (min-width: 768px){.two-col{grid-template-columns:1fr 1fr}}.about-text{color:#9ca3af;line-height:1.8;font-size:1.125rem}.action-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.action-row .cta-primary,.action-row .cta-secondary{padding:12px 24px;min-width:160px;height:50px;display:grid;place-items:center;text-align:center;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .2s}.action-row .cta-primary{background:linear-gradient(90deg,var(--mint),var(--teal));color:var(--bg);margin-top:4px;font-weight:700;box-shadow:0 0 20px #00c8c880}.action-row .cta-primary:hover{box-shadow:0 0 30px #00c8c8cc;transform:translateY(-1px)}.cta-secondary{border:1px solid var(--border);color:var(--muted)}.cta-secondary:hover{border-color:var(--mint);transform:translateY(-1px)}.about-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#101a22,#0b0f16);padding:20px}.skills-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.skills-grid{grid-template-columns:1fr 1fr}}.skill-item{padding:16px;border-radius:12px;background:#0e1822;border:1px solid var(--border)}.projects-section{padding:60px 24px;background:linear-gradient(180deg,#0b0f16,#0e1822)}.section-title.center{text-align:center;font-weight:700;font-size:clamp(1.8rem,5vw,2.8rem);color:var(--mint);margin-bottom:48px;letter-spacing:2px;text-transform:uppercase}.custom-carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:24px;padding:20px;scrollbar-width:none}.custom-carousel::-webkit-scrollbar{display:none}.project-card{flex:0 0 300px;height:380px;border-radius:16px;background-size:cover;background-position:center;position:relative;cursor:pointer;overflow:hidden;scroll-snap-align:center;transition:all .4s ease-in-out;box-shadow:0 0 20px #00c8c840;transform:translateZ(0)}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 40%)}.project-card:hover,.project-card:focus-within{flex:0 0 420px;box-shadow:0 0 40px #00c8c899}.project-desc{position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:left;padding:20px;transform:translateY(calc(100% - 70px));transition:transform .4s ease-in-out;z-index:2}.project-card:hover .project-desc,.project-card:focus-within .project-desc{transform:translateY(0)}.project-desc h3{color:var(--mint);font-size:1.3rem;margin-bottom:8px;margin-top:5px}.project-desc p{color:#d1d5db;font-size:.95rem;line-height:1.5;margin-bottom:12px;opacity:0;transform:translateY(20px);transition:all .3s ease .2s}.project-card:hover .project-desc p,.project-card:focus-within .project-desc p{opacity:1;transform:translateY(0)}.cta-chip{display:inline-block;padding:8px 16px;border-radius:9999px;background:linear-gradient(90deg,var(--mint),var(--teal));color:var(--bg);font-weight:700;font-size:.875rem;box-shadow:0 0 20px #00c8c899;text-decoration:none;transition:transform .2s ease-in-out}.cta-chip:hover{transform:scale(1.05)}@media (max-width: 768px){.custom-carousel{gap:16px;padding:16px}.project-card{flex:0 0 260px;height:320px}.project-card:hover,.project-card:focus-within{flex:0 0 300px}.project-desc{padding:14px;transform:translateY(calc(100% - 60px))}.project-desc h3{font-size:1.1rem}.project-desc p{font-size:.85rem}}.contact-section{min-height:100vh;padding:80px 24px;background:linear-gradient(180deg,#0b0f16,#0f1620);color:#fff;display:flex;flex-direction:column;align-items:center}.contact-header{text-align:center;max-width:800px;margin-bottom:60px}.contact-header h2{font-size:2.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase}.contact-header .highlight{color:#00fff2}.contact-header p{margin-top:16px;color:#aaa;font-size:1rem;line-height:1.6}.contact-layout{display:flex;flex-direction:column;gap:40px;width:100%;max-width:1100px}@media (min-width: 1024px){.contact-layout{flex-direction:row;justify-content:center;gap:48px}}.contact-form{flex:1;display:flex;flex-direction:column;background:#0a0f14b3;border:1px solid #00a8a8;border-radius:16px;padding:32px;box-shadow:0 0 20px #00fff21a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form label{font-size:.9rem;color:#ccc;margin-bottom:6px;letter-spacing:1px}.contact-form input,.contact-form textarea{background:#0b0f16;border:1px solid #1f2937;border-radius:10px;padding:12px 14px;color:#fff;font-size:.95rem;margin-bottom:16px;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#00fff2;box-shadow:0 0 10px #00fff24d;outline:none}.send-button{margin-top:8px;height:46px;width:100%;border-radius:9999px;border:none;background:linear-gradient(90deg,#00fff2,#00a8a8);overflow:hidden;cursor:pointer;transition:all .25s ease-in-out;font-weight:700;color:#0b0f16}.alt-send-button{width:100%;height:92px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:transform .25s ease-in-out}.send-button:hover .alt-send-button{transform:translate3d(0,-46px,0)}.alt-row{height:46px;display:grid;place-items:center}.alt-row--icon{color:#0b0f16}.send-text{font-weight:700;letter-spacing:1.5px;font-size:13px;color:#0b0f16}.popup{position:fixed;bottom:25px;right:25px;padding:14px 22px;border-radius:10px;font-weight:500;color:#fff;z-index:999;box-shadow:0 4px 10px #00000040;animation:fadeIn .3s ease}.success-popup{background:#10b981}.error-popup{background:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.connect-card{flex:1;background:#0a0f14b3;border:1px solid #00a8a8;border-radius:16px;padding:32px;text-align:center;box-shadow:0 0 20px #00fff21a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connect-card h3{color:#00fff2;font-size:1.5rem;margin-top:10px;margin-bottom:12px}.connect-card p{color:#aaa;line-height:1.6;margin-bottom:24px;font-size:.95rem}.connect-card ul{list-style:none;padding:0;margin:0}.connect-card li{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;color:#ccc}.avatar{--orbit-color: #00fff2;--avatar-size: 140px;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;border:3px solid var(--orbit-color);position:relative;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;background:#0b0f16}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar:before,.avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:6px;height:6px;border-radius:50%;box-shadow:0 -90px var(--orbit-color),64px -64px var(--orbit-color),90px 0 var(--orbit-color),64px 64px var(--orbit-color),0 90px var(--orbit-color),-64px 64px var(--orbit-color),-90px 0 var(--orbit-color),-64px -64px var(--orbit-color);animation:orbit 8s linear infinite}.avatar:after{opacity:.6;animation:orbit 12s linear infinite reverse}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background:linear-gradient(180deg,#0b0f16,#0f1620);padding:60px 24px 20px;color:#bbb;font-size:.95rem;border-top:1px solid rgba(255,255,255,.05)}.footer-container{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto 30px}@media (min-width: 900px){.footer-container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-column{flex:1}.footer-column h4{color:#00fff2;font-weight:700;margin-bottom:16px;font-size:1.1rem}.footer-column p{color:#aaa;line-height:1.6}.footer-column a{color:#ccc;text-decoration:none;transition:color .2s ease-in-out}.footer-column a:hover{color:#00fff2}.links ul{list-style:none;padding:0;margin:0}.links li{margin-bottom:10px}.contact p{display:flex;align-items:center;gap:8px;margin-bottom:10px}.icon{color:#00fff2}.social-icons{display:flex;gap:12px;margin-top:20px}.social-btn{display:inline-block;background:linear-gradient(90deg,#737575,#1d4d4d);color:#0b0f16;font-weight:600;padding:8px 14px;border-radius:12px;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease}.social-btn:hover{transform:translateY(-3px);box-shadow:0 0 10px #29767666}.footer-bottom{text-align:center;color:#666;font-size:.9rem;letter-spacing:.5px;border-top:1px solid rgba(255,255,255,.05);padding-top:18px}