@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Inter:wght@300;400;600;700&display=swap";:root{--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--clr-bg:#030712;--clr-primary:#3b82f6;--clr-secondary:#8b5cf6;--clr-accent:#f59e0b;--clr-text:#f9fafb;--clr-text-muted:#9ca3af;--clr-glass:#ffffff08;--clr-glass-border:#ffffff1a;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--clr-bg);color:var(--clr-text);-webkit-tap-highlight-color:#3b82f626;line-height:1.5;overflow-x:hidden}.font-heading{font-family:var(--font-heading)}@media (hover:hover) and (pointer:fine){html,body{cursor:none}body *{cursor:none!important}}.custom-cursor-dot,.custom-cursor-ring{pointer-events:none;z-index:9999;will-change:transform, width, height, opacity;position:fixed;top:0;left:0}.custom-cursor-dot{mix-blend-mode:difference;background:#fff;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s,opacity .2s;box-shadow:0 0 12px #60a5fae6,0 0 24px #a78bfa80}.custom-cursor-ring{-webkit-backdrop-filter:blur(2px);background:#ffffff0a;border:1.5px solid #ffffffbf;border-radius:50%;width:38px;height:38px;transition:width .25s,height .25s,border-color .25s,background .25s,opacity .25s}.custom-cursor-ring.cursor-hovering{background:#60a5fa1f;border-color:#60a5fae6;width:60px;height:60px;box-shadow:0 0 24px #60a5fa59}.cursor-hidden{opacity:0!important}@media (hover:none),(pointer:coarse){.custom-cursor-dot,.custom-cursor-ring{display:none}}::selection{color:#fff;background-color:#3b82f64d}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}.canvas-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-card{background:var(--clr-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--clr-glass-border);transition:var(--transition-smooth);border-radius:24px;padding:clamp(1.25rem,4vw,2rem)}@media (width<=640px){.glass-card{border-radius:18px}}.btn-primary{background:linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));color:#fff;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 10px 20px -10px var(--clr-primary);text-align:center;border:none;border-radius:50px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{box-shadow:0 15px 30px -10px var(--clr-primary);transform:scale(1.05)translateY(-2px)}.section{flex-direction:column;justify-content:center;min-height:100dvh;padding:clamp(5.5rem,12vw,7.5rem) clamp(1rem,5vw,10%) clamp(3rem,8vw,5rem);display:flex}.app-shell{min-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.text-gradient{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.animate-pulse{animation:4s ease-in-out infinite pulse-glow}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-6{top:1.5rem}.left-0{left:0}.right-0{right:0}.inset-0{inset:0}.z-10{z-index:10}.z-1000{z-index:1000}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.m-1{margin:.25rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-0{padding:0}.p-1-5{padding:.375rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-full{width:100%}.h-2{height:.5rem}.h-3{height:.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.h-32{height:8rem}.h-full{height:100%}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-7xl{font-size:4.5rem}.text-9xl{font-size:8rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-extra{letter-spacing:.3em}.leading-relaxed{line-height:1.625}.leading-1-1{line-height:1.1}.bg-white-5{background-color:#ffffff0d}.bg-black-20{background-color:#0003}.bg-blue-600-10{background-color:#2563eb1a}.bg-blue-600-20{background-color:#2563eb33}.bg-purple-600-10{background-color:#9333ea1a}.bg-purple-600-20{background-color:#9333ea33}.bg-blue-500-20{background-color:#3b82f633}.bg-purple-500-20{background-color:#a855f733}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#2563eb00)}.to-purple-600{--tw-gradient-to:#9333ea}.from-blue-600-80{--tw-gradient-from:#2563ebcc;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#2563eb00)}.to-purple-600-80{--tw-gradient-to:#9333eacc}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-section{border-radius:40px}.border{border-style:solid;border-width:1px}.border-t{border-style:solid;border-top-width:1px}.border-white-5{border-color:#ffffff0d}.border-white-10{border-color:#ffffff1a}.border-blue-500-20{border-color:#3b82f633}.border-purple-500-20{border-color:#a855f733}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.shadow-navbar{box-shadow:0 8px 32px #0000004d}.shadow-glow-blue{box-shadow:0 0 15px #3b82f680}.shadow-glow-blue-sm{box-shadow:0 0 20px #3b82f626}.shadow-glow-purple-sm{box-shadow:0 0 20px #8b5cf626}.blur-3xl{filter:blur(64px)}.drop-shadow-glow{filter:drop-shadow(0 0 30px #3b82f680)}.drop-shadow-soft{filter:drop-shadow(0 0 15px #3b82f64d)}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.opacity-60{opacity:.6}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.text-white{color:#fff}.text-primary{color:var(--clr-primary)}.text-secondary{color:var(--clr-secondary)}.text-text-muted{color:var(--clr-text-muted)}.text-gray-400{color:#9ca3af}.text-gray-200{color:#e5e7eb}.no-underline{text-decoration:none}.hover\:text-white:hover{color:#fff}.hover\:scale-102:hover{transform:scale(1.02)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:gap-4:hover{gap:1rem}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:scale-102{transform:scale(1.02)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:gap-4{gap:1rem}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:border-primary:focus{border-color:var(--clr-primary)}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.project-grid{grid-template-columns:1fr;gap:clamp(1.25rem,3vw,1.75rem);width:100%;max-width:1200px;margin:0 auto;display:grid}@media (width>=768px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{color:inherit;background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;transition:border-color .35s,transform .35s cubic-bezier(.16,1,.3,1),background .35s;display:flex;overflow:hidden}.project-card:hover{background:linear-gradient(#ffffff12,#ffffff06);border-color:#60a5fa59;transform:translateY(-6px)}.project-media{aspect-ratio:16/10;border-bottom:1px solid #ffffff14;position:relative;overflow:hidden}.project-media-logo{background:#f3f1ec;justify-content:center;align-items:center;padding:clamp(1.25rem,3vw,2rem);display:flex}.project-media-mark{background:radial-gradient(80% 70% at 30% 20%,#3b82f638,#0000 55%),radial-gradient(70% 60% at 80% 80%,#8b5cf62e,#0000 50%),#070b14;justify-content:center;align-items:center;display:flex}.project-media-img{object-fit:contain;width:100%;height:100%;transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.project-card:hover .project-media-img{transform:scale(1.03)}.project-mark{font-family:var(--font-heading);letter-spacing:-.04em;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,6vw,3.25rem);font-weight:700}.project-body{flex-direction:column;flex:1;gap:.65rem;padding:clamp(1.15rem,2.5vw,1.5rem) clamp(1.15rem,2.5vw,1.4rem) clamp(1.35rem,2.8vw,1.65rem);display:flex}.project-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-host{color:var(--clr-text-muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.project-arrow{color:var(--clr-text-muted);flex-shrink:0;transition:color .25s,transform .3s}.project-card:hover .project-arrow{color:#60a5fa;transform:translate(2px,-2px)}.project-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(1.2rem,2.2vw,1.4rem);font-weight:700;line-height:1.2}.project-desc{color:var(--clr-text-muted);margin:0;font-size:.95rem;line-height:1.55}.space-y-2>*+*{margin-top:.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-10>*+*{margin-top:2.5rem}.resize-none{resize:none}.footer-container{border-top:1px solid var(--clr-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000,#030712cc);padding:clamp(3rem,8vw,5rem) clamp(1rem,5vw,10%) clamp(2rem,5vw,2.5rem)}.footer-content{max-width:1200px;margin:0 auto}.footer-top{grid-template-columns:1.5fr 3fr;gap:80px;margin-bottom:60px;display:grid}.footer-brand h2{letter-spacing:-.02em}.footer-socials{gap:15px;margin-top:25px;display:flex}.social-link{background:var(--clr-glass);border:1px solid var(--clr-glass-border);width:45px;height:45px;color:var(--clr-text-muted);transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary);box-shadow:0 10px 20px -5px var(--clr-primary);transform:translateY(-3px)}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:25px;font-size:1.1rem}.footer-list{list-style:none}.footer-list li{margin-bottom:12px}.footer-list a{color:var(--clr-text-muted);transition:var(--transition-smooth);text-decoration:none}.footer-list a:hover{color:var(--clr-primary);padding-left:5px}.footer-bottom{margin-top:40px}.footer-bottom-line{background:linear-gradient(to right, transparent, var(--clr-glass-border), transparent);height:1px;margin-bottom:30px}.footer-copyright{color:var(--clr-text-muted);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.footer-bottom-links{align-items:center;gap:30px;display:flex}.footer-bottom-links a{color:var(--clr-text-muted);transition:var(--transition-smooth);text-decoration:none}.footer-bottom-links a:hover{color:#fff}.scroll-top-btn{color:var(--clr-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:8px;font-family:inherit;font-weight:600;display:flex}.scroll-top-btn:hover{color:#fff;transform:translateY(-2px)}@media (width<=968px){.footer-top{grid-template-columns:1fr;gap:60px}.footer-links-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.footer-links-grid{grid-template-columns:1fr}.footer-copyright{text-align:center;flex-direction:column;gap:20px}.footer-bottom-links{flex-direction:column;gap:15px}}@media (width<=768px){.text-7xl{font-size:clamp(2rem,9vw,3.5rem)}.text-9xl{font-size:clamp(2.75rem,12vw,5rem)}.text-5xl{font-size:clamp(1.85rem,7vw,3rem)}.md\:grid-cols-2,.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<=480px){.text-4xl{font-size:1.65rem}.text-3xl{font-size:1.45rem}.text-2xl{font-size:1.2rem}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-xl{font-size:1.25rem}.md\:text-2xl{font-size:1.5rem}.md\:text-5xl{font-size:3rem}.md\:text-7xl{font-size:4.5rem}.md\:text-9xl{font-size:8rem}.md\:text-base{font-size:1rem}}.glass-nav{-webkit-backdrop-filter:blur(20px)saturate(160%);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1f;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1f}.glass-nav:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff0f 50%,#0000 70%);position:absolute;inset:0}.glass-nav-scrolled{background:linear-gradient(135deg,#ffffff0f,#ffffff06);border-color:#ffffff29;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26}.mobile-nav-backdrop{z-index:10050;-webkit-backdrop-filter:blur(6px);cursor:pointer;background:#030712c7;border:none;margin:0;padding:0;position:fixed;inset:0}.mobile-nav-panel{width:min(20rem,100vw - 2.5rem);max-height:100dvh;padding-top:max(1rem, env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-right,0px);z-index:10060;border-radius:24px 0 0 24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-16px 0 48px #00000073}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-float,.animate-pulse{animation:none}}.nav-link-item{border-radius:9999px}.about-section{padding-top:clamp(6rem,18vw,10rem)}.about-grid{grid-template-columns:1fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;display:grid}@media (width>=900px){.about-grid{grid-template-columns:.85fr 1.15fr;gap:80px}}.about-portrait{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.portrait-frame{width:100%;max-width:420px;box-shadow:none;background:0 0;border:none;border-radius:0;position:relative;overflow:visible}.portrait-frame img{z-index:2;width:100%;max-width:100%;height:auto;display:block;position:relative}.portrait-glow{filter:blur(60px);z-index:1;pointer-events:none;border-radius:50%;position:absolute}.portrait-glow-1{background:#3b82f673;width:240px;height:240px;top:-40px;left:-40px}.portrait-glow-2{background:#8b5cf673;width:280px;height:280px;bottom:-60px;right:-60px}.portrait-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--clr-text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;display:inline-flex}.about-content{width:100%}.about-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;display:grid}.stat-card{text-align:center;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:22px 18px}.stat-icon{width:44px;height:44px;color:var(--clr-primary);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.stat-value{font-family:var(--font-heading);background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1}.stat-label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}@media (width<=640px){.about-stats{grid-template-columns:1fr}}.contact-grid{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (width>=900px){.contact-grid{grid-template-columns:.9fr 1.1fr;gap:40px}}.contact-info-card{padding:clamp(1.25rem,4vw,2.5rem)}.contact-form-name-email{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=540px){.contact-form-name-email{grid-template-columns:1fr 1fr}}.skills-meter-head{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:1rem;display:flex}@media (width>=640px){.skills-meter-head{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.skills-float-field{flex-wrap:wrap;place-content:center;align-items:center;gap:clamp(.5rem,2vw,1rem) clamp(.35rem,1.5vw,.85rem);min-height:clamp(220px,42vw,420px);padding:clamp(.5rem,2vw,1rem) 0;display:flex;position:relative;overflow:visible}.skills-float-tag{z-index:1;font-family:var(--font-heading);letter-spacing:-.02em;cursor:default;filter:drop-shadow(0 0 18px #60a5fa38)drop-shadow(0 2px 12px #030712a6);padding:.4rem .65rem;font-size:clamp(.82rem,2.2vw,1.2rem);font-weight:700;line-height:1.35;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.skills-float-field{gap:.45rem}}.contact-item{align-items:center;gap:16px;padding:14px 0;display:flex}.contact-item-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.contact-item-icon-blue{color:var(--clr-primary);background:#3b82f61f;border:1px solid #3b82f640}.contact-item-icon-purple{color:var(--clr-secondary);background:#8b5cf61f;border:1px solid #8b5cf640}.contact-item-icon-amber{color:var(--clr-accent);background:#f59e0b1f;border:1px solid #f59e0b40}.contact-item-label{text-transform:uppercase;letter-spacing:.12em;color:var(--clr-text-muted);margin-bottom:4px;font-size:.75rem}.contact-item-value{color:var(--clr-text);word-break:break-word;overflow-wrap:anywhere;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.contact-item-value:hover{color:var(--clr-primary)}.contact-divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;margin:28px 0}.social-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.social-tag{color:var(--clr-text);transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-tag:before{content:"";background:var(--social-color,transparent);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.social-tag:hover:before{opacity:.12}.social-tag:hover{border-color:var(--social-border,#fff3);transform:translateY(-2px)}.social-tag>*{z-index:1;position:relative}.social-tag-icon{background:var(--social-icon-bg,#ffffff0d);width:36px;height:36px;color:var(--social-icon-color,var(--clr-text));transition:var(--transition-smooth);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.social-tag-text{flex-direction:column;min-width:0;display:flex}.social-tag-label{font-size:.95rem;font-weight:600}.social-tag-handle{color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.social-github{--social-color:#fff;--social-border:#fff6;--social-icon-bg:#ffffff14;--social-icon-color:#fff}.social-linkedin{--social-color:#0a66c2;--social-border:#0a66c280;--social-icon-bg:#0a66c22e;--social-icon-color:#4f9fe6}.social-facebook{--social-color:#1877f2;--social-border:#1877f280;--social-icon-bg:#1877f22e;--social-icon-color:#6aa9f6}.social-instagram{--social-color:#e1306c;--social-border:#e1306c80;--social-icon-bg:linear-gradient(135deg, #f7773740, #e1306c40, #bc2a8d40);--social-icon-color:#f48fb1}@media (width<=480px){.social-grid{grid-template-columns:1fr}}.contact-form-wrap{padding:clamp(1.25rem,4vw,2.5rem)}.contact-form{flex-direction:column;gap:20px;display:flex}.floating-field{align-items:center;display:flex;position:relative}.floating-field input,.floating-field select,.floating-field textarea{width:100%;color:var(--clr-text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;outline:none;padding:18px 18px 18px 50px;font-family:inherit;font-size:1rem;transition:border-color .25s,background .25s,box-shadow .25s}.floating-field select{appearance:none;cursor:pointer}.floating-field textarea{resize:vertical;min-height:130px;padding-top:18px;line-height:1.5}.floating-field input:focus,.floating-field select:focus,.floating-field textarea:focus{background:#60a5fa0f;border-color:#60a5fa8c;box-shadow:0 0 0 4px #60a5fa1a}.field-icon{color:var(--clr-text-muted);pointer-events:none;transition:color .25s;display:inline-flex;position:absolute;left:18px}.field-icon-top{align-self:flex-start;top:20px}.floating-field input:focus~.field-icon,.floating-field textarea:focus~.field-icon,.floating-field select:focus~.field-icon,.floating-field:focus-within .field-icon{color:var(--clr-primary)}.floating-field label{color:var(--clr-text-muted);pointer-events:none;background:0 0;padding:0 6px;font-size:1rem;transition:all .2s;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.floating-field-textarea label{top:22px;transform:none}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field textarea:focus+label,.floating-field textarea:not(:placeholder-shown)+label{color:var(--clr-primary);background:var(--clr-bg);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600;top:-8px;transform:none}.floating-field .label-static{color:var(--clr-text-muted);background:var(--clr-bg);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600;top:-8px;transform:none}.contact-submit{cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:18px 32px;font-size:1.05rem;display:inline-flex}.contact-submit:disabled{opacity:.75;cursor:progress;transform:none!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.form-feedback{color:var(--clr-text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;font-size:.95rem;display:flex;overflow:hidden}.form-feedback-success{color:#86efac;background:#22c55e14;border-color:#22c55e59}.form-feedback-error{color:#fca5a5;background:#ef444414;border-color:#ef444459}.mt-10{margin-top:2.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.min-w-\[180px\]{min-width:180px}.bg-gray-900{background-color:#111827}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.text-base{font-size:1rem}.flex-1{flex:1}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-primary:hover{color:var(--clr-primary)}