@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#040f14bf;border-bottom:1px solid #7ab2b21a;justify-content:space-between;align-items:center;width:100%;padding:18px 60px;display:flex;position:sticky;top:0}.logo{color:var(--text);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:26px;font-weight:800}.logo span{color:var(--c2)}.nav-links{gap:36px;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.3px;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--c2);width:0%;height:1.5px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.cv-btn{background:var(--c1);color:var(--c4);letter-spacing:.3px;border:1px solid #7ab2b233;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s;display:flex}.cv-btn:hover{background:var(--c2);transform:translateY(-2px);box-shadow:0 8px 24px #08839559}.cv-btn svg{transition:transform .3s}.cv-btn:hover svg{transform:translateY(2px)}@media (width<=768px){.navbar{padding:16px 24px}.nav-links{display:none}}.hero-section{background:radial-gradient(ellipse 80% 60% at 50% -10%, #0883952e 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 80% 80%, #09637e1f 0%, transparent 60%), var(--bg);flex-direction:column;justify-content:center;min-height:100vh;padding:60px 80px 40px;display:flex;position:relative;overflow:hidden}.neural-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:1;align-items:center;gap:80px;min-height:75vh;display:flex;position:relative}.hero-left{flex:none;justify-content:center;align-items:center;display:flex}.liquid-wrap{justify-content:center;align-items:center;width:340px;height:380px;display:flex;position:relative}.liquid-ring{border:1.5px solid #7ab2b233;border-radius:50%;animation:4s ease-in-out infinite ringPulse;position:absolute}.liquid-ring-1{width:340px;height:340px;animation-delay:0s}.liquid-ring-2{border-color:#08839540;width:290px;height:290px;animation-delay:.6s}.liquid-ring-3{border-color:#09637e4d;width:240px;height:240px;animation-delay:1.2s}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.liquid-shimmer{filter:blur(30px);background:radial-gradient(circle at 40% 35%,#08839580 0%,#09637e40 40%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:6s ease-in-out infinite shimmerFloat;position:absolute}@keyframes shimmerFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(8px,-10px)scale(1.05)}66%{transform:translate(-6px,8px)scale(.97)}}.liquid-glass-frame{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#0883951f;border:1.5px solid #7ab2b24d;border-radius:50%/40% 40% 60% 60%;width:220px;height:280px;position:relative;overflow:hidden;box-shadow:0 0 0 8px #0883950f,0 30px 80px #00000080,inset 0 1px #ebf4f61a}.hero-portrait{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s}.liquid-glass-frame:hover .hero-portrait{transform:scale(1.04)}.glass-reflection{pointer-events:none;background:linear-gradient(135deg,#ebf4f61f 0%,#0000 40% 60%,#ebf4f60a 100%);animation:8s ease-in-out infinite reflectionShift;position:absolute;inset:0}@keyframes reflectionShift{0%,to{opacity:1}50%{opacity:.4}}.hero-right{flex:1;max-width:600px}.hero-greeting{color:var(--c3);letter-spacing:1px;margin-bottom:10px;font-size:17px;font-weight:400}.hero-name{letter-spacing:-1.5px;color:var(--text);opacity:0;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:clamp(42px,5vw,64px);font-weight:800;line-height:1.05;animation:1.2s forwards fadeSlideUp,4s ease-in-out 1.2s infinite floatText;transform:translateY(40px)}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}@keyframes fadeSlideUp{0%{opacity:0;filter:blur(8px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes floatText{0%,to{text-shadow:0 0 10px #7ab2b24d;transform:translateY(0)}50%{text-shadow:0 0 18px #08839566;transform:translateY(-6px)}}.hero-role{color:var(--text-muted);margin-bottom:22px;font-family:Inter,sans-serif;font-size:clamp(20px,3vw,28px);font-weight:500}.typewriter-text{color:var(--c2);font-weight:600}.cursor{color:var(--c3);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:24px;font-size:15.5px;line-height:1.8}.ticker-wrap{width:100%;margin-bottom:28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.ticker-track{gap:12px;width:max-content;animation:22s linear infinite tickerScroll;display:flex}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-pill{color:var(--c3);white-space:nowrap;letter-spacing:.5px;background:#0883951f;border:1px solid #7ab2b233;border-radius:30px;padding:5px 16px;font-size:12.5px;font-weight:500;display:inline-block}.hero-socials{gap:14px;margin-bottom:28px;display:flex}.social-icon{width:40px;height:40px;color:var(--c3);background:#08839514;border:1px solid #7ab2b233;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:background .25s,border-color .25s,transform .25s,color .25s;display:flex}.social-icon:hover{color:var(--c4);background:#08839538;border-color:#7ab2b273;transform:translateY(-3px)}.hero-buttons{gap:16px;display:flex}.btn-primary{background:var(--c1);color:var(--c4);border:1px solid #7ab2b233;border-radius:12px;padding:13px 32px;font-family:Syne,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s}.btn-primary:hover{background:var(--c2);transform:translateY(-3px);box-shadow:0 12px 32px #08839566}.btn-outline{color:var(--c3);background:0 0;border:1.5px solid #7ab2b24d;border-radius:12px;padding:13px 32px;font-family:Syne,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s,color .3s,transform .3s}.btn-outline:hover{border-color:var(--c2);color:var(--c4);background:#0883951f;transform:translateY(-3px)}.hero-stats{z-index:1;background:#7ab2b21a;border:1px solid #7ab2b21f;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;display:grid;position:relative;overflow:hidden}.stat-item{text-align:center;background:#0883950f;padding:28px 24px;transition:background .3s}.stat-item:hover{background:#08839524}.stat-item h3{color:var(--c2);letter-spacing:-1px;margin-bottom:6px;font-size:36px;font-weight:800;line-height:1}.stat-item p{color:var(--text-muted);letter-spacing:.3px;font-size:13px}@media (width<=900px){.hero-section{padding:60px 30px 40px}.hero-inner{flex-direction:column;gap:40px;min-height:auto}.hero-stats{grid-template-columns:repeat(2,1fr)}}.about{width:90%;max-width:1200px;margin:80px auto;padding:0 20px;position:relative;overflow:hidden}.about-bg-glow{pointer-events:none;background:radial-gradient(circle,#0883951f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.about-container{align-items:center;gap:80px;display:flex}.about-image-wrap{flex:0 0 360px;position:relative}.about-img-glow{filter:blur(50px);background:radial-gradient(circle,#08839559 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:20px;left:20px}.about-img-frame{border:1px solid var(--glass-border);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006,inset 0 1px #ebf4f614}.about-img-frame img{object-fit:cover;object-position:top center;width:100%;height:420px;display:block}.about-img-overlay{pointer-events:none;background:linear-gradient(135deg,#08839514 0%,#0000 50%,#09637e0d 100%);position:absolute;inset:0}.about-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a2030e6;border:1px solid #7ab2b240;border-radius:14px;align-items:center;gap:10px;padding:12px 20px;display:flex;position:absolute;bottom:-18px;right:-18px}.about-badge span{color:var(--c2);font-size:20px}.about-badge p{color:var(--c3);font-size:13px;font-weight:500}.about-content{flex:1}.about-subtitle{color:var(--c3);margin-bottom:20px;font-size:16px;font-weight:500}.about-text{color:var(--text-muted);margin-bottom:18px;font-size:15.5px;line-height:1.85}.about-highlights{flex-direction:column;gap:12px;margin:28px 0;display:flex}.highlight-card{align-items:center;gap:16px;padding:16px 20px;display:flex}.highlight-icon{flex-shrink:0;font-size:24px}.highlight-label{color:var(--text);font-family:Syne,sans-serif;font-size:15px;font-weight:600}.highlight-sub{color:var(--text-muted);font-size:13px}.about-actions{align-items:center;gap:24px;margin-top:8px;display:flex}.about-socials{gap:12px;display:flex}.social-dot{opacity:.6;font-size:20px;text-decoration:none;transition:opacity .2s,transform .2s}.social-dot:hover{opacity:1;transform:scale(1.2)}@media (width<=900px){.about-container{flex-direction:column;gap:40px}.about-image-wrap{flex:none;width:100%;max-width:360px;margin:0 auto}}.services{width:90%;max-width:1200px;margin:80px auto;padding:0 20px}.services-header{text-align:center;margin-bottom:56px}.services-sub{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:15.5px;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{padding:36px 28px;position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;background:radial-gradient(at 0 0,#08839512,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-icon{width:56px;height:56px;color:var(--c2);background:#08839524;border:1px solid #7ab2b233;border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;transition:background .3s,transform .3s;display:flex}.service-card:hover .service-icon{background:#08839540;transform:scale(1.08)rotate(-4deg)}.service-card h3{color:var(--text);margin-bottom:12px;font-size:18px;font-weight:700}.service-card>p{color:var(--text-muted);font-size:14px;line-height:1.75}.service-line{background:linear-gradient(90deg, var(--c1), var(--c3));border-radius:0 0 0 20px;width:0;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.service-card:hover .service-line{width:100%}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services-grid{grid-template-columns:1fr}}.projects{width:90%;max-width:1200px;margin:80px auto;padding:0 20px}.projects-header{text-align:center;margin-bottom:56px}.projects-sub{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:15.5px;line-height:1.7}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{flex-direction:column;gap:16px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.project-num{color:#08839526;font-family:Syne,sans-serif;font-size:42px;font-weight:800;line-height:1;transition:color .3s}.project-card:hover .project-num{color:#08839559}.project-body{flex:1}.project-body h3{color:var(--text);margin-bottom:10px;font-size:18px;font-weight:700}.project-body p{color:var(--text-muted);font-size:14px;line-height:1.75}.project-footer{border-top:1px solid #7ab2b21a;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--c3);letter-spacing:.4px;background:#0883951f;border:1px solid #7ab2b22e;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:500}.project-links{gap:10px;display:flex}.project-links a{width:32px;height:32px;color:var(--c3);background:#0883951a;border:1px solid #7ab2b226;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:flex}.project-links a:hover{color:var(--c4);background:#08839540;transform:scale(1.1)}@media (width<=1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.projects-grid{grid-template-columns:1fr}}.contact{width:90%;max-width:1200px;margin:80px auto;padding:0 20px}.contact-header{text-align:center;margin-bottom:56px}.contact-sub{color:var(--text-muted);max-width:440px;margin:0 auto;font-size:15.5px;line-height:1.7}.contact-wrapper{grid-template-columns:1fr 1.6fr;align-items:start;gap:32px;display:grid}.contact-info{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:40px 32px}.contact-info h3{margin-bottom:12px;font-size:28px;font-weight:700}.contact-info-desc{color:var(--text-muted);margin-bottom:32px;font-size:14.5px;line-height:1.75}.contact-items{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.contact-item{align-items:center;gap:16px;display:flex}.contact-item-icon{width:44px;height:44px;color:var(--c2);background:#08839524;border:1px solid #7ab2b233;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item-label{color:var(--c3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px;font-size:11.5px}.contact-item-value{color:var(--text);font-size:14.5px;font-weight:500}.contact-socials{gap:10px;display:flex}.contact-social-btn{width:38px;height:38px;color:var(--c3);background:#0883951a;border:1px solid #7ab2b233;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:700;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:flex}.contact-social-btn:hover{color:var(--c4);background:#08839540;transform:translateY(-2px)}.contact-form-wrap{padding:40px 36px}.contact-success{color:var(--c3);background:#08839524;border:1px solid #7ab2b24d;border-radius:10px;margin-bottom:22px;padding:12px 20px;font-size:14px;animation:.4s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--c3);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:500}.form-group input,.form-group textarea{color:var(--text);resize:none;background:#040f1499;border:1px solid #7ab2b22e;border-radius:12px;outline:none;padding:13px 16px;font-family:Inter,sans-serif;font-size:14.5px;transition:border-color .3s,box-shadow .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.form-group input:focus,.form-group textarea:focus{border-color:#7ab2b273;box-shadow:0 0 0 3px #0883951a}.contact-submit{cursor:pointer;letter-spacing:.3px;opacity:1;border:none;justify-content:center;width:100%;padding:14px;font-family:Syne,sans-serif;font-size:15px;transition:background .3s,transform .3s,box-shadow .3s,opacity .3s}.contact-submit:disabled{opacity:.65;transform:none!important}@media (width<=820px){.contact-wrapper,.form-row{grid-template-columns:1fr}}.footer{background:#071820f2;border-top:1px solid #7ab2b21a;margin-top:80px;position:relative;overflow:hidden}.footer-glow{pointer-events:none;background:radial-gradient(#08839514 0%,#0000 70%);width:600px;height:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-inner{z-index:1;width:90%;max-width:1200px;margin:0 auto;padding:60px 20px 32px;position:relative}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-logo{letter-spacing:-.5px;margin-bottom:14px;font-family:Syne,sans-serif;font-size:28px;font-weight:800}.footer-logo span{color:var(--c2)}.footer-tagline{color:var(--text-muted);max-width:280px;font-size:14px;line-height:1.7}.footer-nav-title{text-transform:uppercase;letter-spacing:2px;color:var(--c3);margin-bottom:18px;font-size:11.5px;font-weight:600}.footer-links{flex-direction:column;gap:11px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .25s}.footer-links a:hover{color:var(--c3)}.footer-social-links{flex-direction:column;gap:11px;display:flex}.footer-social{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .25s}.footer-social:hover{color:var(--c3)}.footer-divider{background:linear-gradient(90deg,#0000,#7ab2b233,#0000);height:1px;margin-bottom:28px}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:var(--text-dim);font-size:13.5px}.footer-bottom p span{color:var(--c3);font-weight:500}@media (width<=760px){.footer-top{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c1:#09637e;--c2:#088395;--c3:#7ab2b2;--c4:#ebf4f6;--bg:#040f14;--bg2:#071820;--bg3:#0a2030;--glass:#08839514;--glass-border:#7ab2b22e;--text:#ebf4f6;--text-muted:#ebf4f699;--text-dim:#ebf4f659;--radius:20px;--radius-sm:12px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Syne,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--c2);border-radius:3px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--c3);margin-bottom:14px;font-size:12px;font-weight:500}.section-heading{margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1}.section-heading span{color:var(--c2)}.glass-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);transition:transform .35s,border-color .35s,box-shadow .35s}.glass-card:hover{border-color:#7ab2b259;transform:translateY(-6px);box-shadow:0 20px 60px #0883951f}