*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#0a0a1a,#15001b 50%,#0a0a15);color:#e8e8f0;font-family:Inter,sans-serif;overflow-x:hidden;font-size:16px;line-height:1.6;font-weight:400}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.navbar-wrapper{position:fixed;top:24px;left:0;width:100%;display:flex;justify-content:center;z-index:9999;pointer-events:none}.navbar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:120px;background:radial-gradient(circle,rgba(0,255,209,.12),transparent 70%);filter:blur(70px);pointer-events:none}.floating-navbar{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(92%,1180px);padding:16px 20px;border-radius:999px;background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 10px 40px rgba(0,0,0,.22),inset 0 1px 1px hsla(0,0%,100%,.08);transition:all .4s ease}.navbar-scrolled{transform:scale(.97);background:linear-gradient(135deg,rgba(10,10,20,.78),hsla(0,0%,100%,.04));border:1px solid rgba(0,255,209,.1);box-shadow:0 20px 60px rgba(0,0,0,.35)}.brand{width:56px;height:56px;border:none;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#fff;font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,rgba(0,255,209,.18),rgba(91,91,255,.15));border:1px solid hsla(0,0%,100%,.08);transition:all .35s ease}.brand:hover{transform:translateY(-4px) rotate(-4deg);box-shadow:0 15px 35px rgba(0,255,209,.18)}.brand span:last-child{color:#00ffd1}.nav-links{display:flex;align-items:center;gap:10px}.nav-link{position:relative;overflow:hidden;height:48px;padding:0 20px;border:none;border-radius:999px;background:transparent;color:hsla(0,0%,100%,.72);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .35s ease}.active-link{color:#fff;background:hsla(0,0%,100%,.08);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.06)}.nav-link:hover{color:#fff;transform:translateY(-2px)}.nav-hover{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top,hsla(0,0%,100%,.14),transparent 70%);opacity:0;transition:opacity .35s ease}.nav-link:hover .nav-hover{opacity:1}.nav-contact-btn{height:52px;padding:0 24px;border:none;border-radius:999px;cursor:pointer;font-weight:700;color:#000;background:linear-gradient(135deg,#00ffd1,#5b5bff);transition:all .35s ease;box-shadow:0 10px 30px rgba(0,255,209,.2)}.nav-contact-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 40px rgba(0,255,209,.3)}@media (max-width:900px){.floating-navbar{width:calc(100% - 20px);padding:12px 14px;gap:12px}.nav-links{display:none}.nav-contact-btn{height:46px;padding:0 18px;font-size:.85rem}.brand{width:50px;height:50px}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 24px;background:radial-gradient(circle at top left,#111827 0,#050514 55%),#050514}.grid-layer,.hero-bg{position:absolute;inset:0}.grid-layer{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px}.orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.5}.orb1{width:420px;height:420px;background:#00ffd1;top:-120px;left:-120px}.orb2{width:380px;height:380px;background:#5b5bff;bottom:-120px;right:-100px}.hero-content{position:relative;z-index:10;max-width:1000px;text-align:center;transition:transform .1s ease}.hero-tag{display:inline-block;margin-bottom:24px;padding:10px 18px;border:1px solid rgba(0,255,209,.2);border-radius:999px;background:hsla(0,0%,100%,.03);color:#00ffd1;font-size:.8rem;letter-spacing:.2em}.hero-title{font-size:clamp(4rem,12vw,9rem);line-height:.9;font-weight:900;color:#fff;margin-bottom:24px}.hero-title span{color:transparent;-webkit-text-stroke:2px #00ffd1}.hero-subtitle{max-width:700px;margin:auto;color:hsla(0,0%,100%,.7);font-size:1.1rem;line-height:1.8}.hero-buttons{margin-top:42px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.primary-btn{border:none;padding:16px 32px;border-radius:14px;background:linear-gradient(135deg,#00ffd1,#00c2a0);color:#000;font-weight:700;cursor:pointer;transition:.3s}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,255,209,.35)}.secondary-btn{border:1px solid hsla(0,0%,100%,.12);padding:16px 32px;border-radius:14px;background:hsla(0,0%,100%,.04);color:#fff;cursor:pointer;transition:.3s}.secondary-btn:hover{border-color:#00ffd1;color:#00ffd1;background:rgba(0,255,209,.05)}.floating-card{position:absolute;padding:14px 20px;border-radius:18px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.08);color:#fff;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}.floating1{animation:floatOne 5s ease-in-out infinite}.floating2{animation:floatTwo 6s ease-in-out infinite}@keyframes floatOne{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes floatTwo{0%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(20px) rotate(-2deg)}to{transform:translateY(0) rotate(2deg)}}-shadow:0 10px 30px rgba(0,0,0,.35);.floating1{top:25%;left:8%}.floating2{bottom:20%;right:8%}.face-structure{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:700px;height:700px;z-index:1;opacity:.5;pointer-events:none}.face-circle{position:absolute;border-radius:50%;border:2px solid rgba(0,255,209,.25);animation:rotateFace 18s linear infinite;box-shadow:0 0 50px rgba(0,255,209,.08)}.face1{width:420px;height:520px;left:120px;top:80px}.face2{width:340px;height:440px;left:160px;top:120px;border-color:rgba(91,91,255,.25);animation-direction:reverse}.face-line{position:absolute;background:linear-gradient(180deg,rgba(0,255,209,.8),transparent);animation:pulseLine 3s ease-in-out infinite}.line1{width:2px;height:420px;left:330px;top:110px}.line2{width:220px;height:2px;left:220px;top:280px}.line3{width:150px;height:2px;left:255px;top:390px}.face-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,209,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,209,.05) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 75%);mask-image:radial-gradient(circle at center,#000,transparent 75%)}@keyframes rotateFace{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseLine{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (max-width:768px){.face-structure{width:400px;height:400px;right:-45%;opacity:.25}.face1{width:240px;height:320px;left:70px;top:40px}.face2,.face3{width:190px;height:270px;left:95px;top:70px}.face4{width:160px;height:250px;right:95px;top:70px}.line1{height:240px;left:190px;top:70px}.line2{width:120px;left:135px;top:170px}.line3{width:90px;left:150px;top:230px}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-indicator span{color:hsla(0,0%,100%,.4);font-size:.7rem;letter-spacing:.2em}.scroll-line{width:2px;height:60px;background:linear-gradient(180deg,#00ffd1,transparent);animation:scrollAnim 1.5s infinite}@keyframes scrollAnim{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.3)}}@media (max-width:768px){.hero-title{font-size:4rem}.hero-subtitle{font-size:.95rem}.floating-card{display:none}.hero-buttons{flex-direction:column}}.hero-visual{height:500px}.hero-card,.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-card{width:100%;height:100%;background:linear-gradient(135deg,rgba(90,176,255,.1),rgba(255,0,150,.05));border:1px solid rgba(90,176,255,.2);border-radius:16px;transform-style:preserve-3d;transition:transform .1s ease-out;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.hero-card-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(90,176,255,.3),transparent);opacity:0;transition:opacity .3s ease}.hero-card-content{position:relative;z-index:2;text-align:center;padding:2rem}.hero-label{font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:#5ab0ff;font-weight:700}.hero-card-content h2{font-size:1.75rem;margin:.75rem 0;color:#fff}.hero-card-content p{color:#a8a8c0;font-size:.95rem;margin-bottom:1.5rem}.hero-pill-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.hero-pill-row span{background:rgba(90,176,255,.15);border:1px solid rgba(90,176,255,.3);color:#5ab0ff;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500}.hero-deco{position:absolute;pointer-events:none}.deco-circle{width:400px;height:400px;border:2px solid rgba(90,176,255,.1);border-radius:50%;top:-100px;right:-150px}.deco-ring{width:600px;height:600px;border:1px dashed rgba(255,0,150,.05);border-radius:50%;bottom:-200px;left:-300px}.section{padding:6rem 2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-heading{text-align:center;margin-bottom:4rem}.section-heading span{font-size:.875rem;letter-spacing:1.5px;text-transform:uppercase;color:#5ab0ff;font-weight:700;display:block;margin-bottom:.75rem}.section-heading h2{font-size:2.25rem;max-width:600px;margin:0 auto;line-height:1.3;background:linear-gradient(135deg,#fff,#a8c5f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{position:relative;min-height:100vh;padding:140px 24px;overflow:hidden;background:linear-gradient(180deg,#070713,#09091c)}.about-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}.about-glow1{width:400px;height:400px;background:#00ffd1;top:10%;left:-100px}.about-glow2{width:500px;height:500px;background:#5b5bff;bottom:-200px;right:-100px}.about-grid-lines{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}.about-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-left{opacity:0;transform:translateY(50px);transition:all 1s ease}.in-view .about-left{opacity:1;transform:translateY(0)}.about-tag{display:inline-block;margin-bottom:20px;color:#00ffd1;font-size:.8rem;letter-spacing:.25em;font-weight:600}.about-title{font-size:clamp(3rem,6vw,5rem);line-height:1;color:#fff;margin-bottom:28px;font-weight:800}.about-title span{display:block;color:transparent;-webkit-text-stroke:1px #00ffd1}.about-text{color:hsla(0,0%,100%,.7);font-size:1.05rem;line-height:1.9;margin-bottom:20px;max-width:600px}.about-text.secondary{color:hsla(0,0%,100%,.5)}.about-stats{display:flex;gap:18px;margin-top:40px;flex-wrap:wrap}.stat-card{min-width:140px;padding:22px;border-radius:24px;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08)}.stat-card h3{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:10px;background:linear-gradient(135deg,#fff,#00ffd1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:statGlow 3s ease-in-out infinite}.stat-card{animation:statFloat 5s ease-in-out infinite}.stat-card:nth-child(2){animation-delay:3.4s}.stat-card:nth-child(3){animation-delay:4.8s}@keyframes statGlow{0%{filter:drop-shadow(0 0 0 rgba(0,255,209,0))}50%{filter:drop-shadow(0 0 12px rgba(0,255,209,.4))}to{filter:drop-shadow(0 0 0 rgba(0,255,209,0))}}@keyframes statFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.about-right{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;opacity:0;transform:translateY(60px);transition:all 1s ease .2s}.in-view .about-right{opacity:1;transform:translateY(0)}.glass-card{position:relative;padding:28px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.08);transition:all .4s ease;box-shadow:0 10px 40px rgba(0,0,0,.2)}.glass-card:hover{transform:translateY(-8px);border-color:rgba(0,255,209,.2);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 30px rgba(0,255,209,.08)}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent 40%);pointer-events:none}.card-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px;background:linear-gradient(135deg,rgba(0,255,209,.2),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.08)}.glass-card h3{color:#fff;font-size:1.1rem;margin-bottom:12px}.glass-card p{color:hsla(0,0%,100%,.55);line-height:1.7;font-size:.95rem}@media (max-width:900px){.about-container{gap:50px}.about-container,.about-right{grid-template-columns:1fr}.about-title{font-size:3rem}}.skills-section{position:relative;min-height:100vh;overflow:hidden;padding:140px 24px;background:linear-gradient(180deg,#060612,#09091d)}.skills-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.glow-left{width:400px;height:400px;left:-150px;top:20%}.glow-right{right:-200px;bottom:0}.skills-grid-bg{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}.skills-container{position:relative;z-index:2;max-width:1200px;margin:0 auto}.skills-heading{text-align:center;margin-bottom:80px;opacity:0;transform:translateY(50px);transition:all 1s ease}.in-view .skills-heading{opacity:1;transform:translateY(0)}.skills-tag{display:inline-block;margin-bottom:20px;color:#00ffd1;font-size:.8rem;font-weight:600;letter-spacing:.25em}.skills-title{font-size:clamp(3rem,6vw,5rem);line-height:1;color:#fff;margin-bottom:24px;font-weight:800}.skills-title span{display:block;color:transparent;-webkit-text-stroke:1px #00ffd1}.skills-description{max-width:720px;margin:0 auto;color:hsla(0,0%,100%,.6);line-height:1.9;font-size:1.05rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:80px}.skill-card-wrapper{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.in-view .skill-card-wrapper{opacity:1;transform:translateY(0)}.skill-bar{position:relative;padding:28px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.08);transition:all .4s ease;box-shadow:0 10px 40px rgba(0,0,0,.2)}.skill-bar:hover{transform:translateY(-8px);border-color:rgba(0,255,209,.2);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 30px rgba(0,255,209,.08)}.skill-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.12),transparent 40%);pointer-events:none}.tech-stack{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;opacity:0;transform:translateY(40px);transition:all 1s ease .3s}.in-view .tech-stack{opacity:1;transform:translateY(0)}.tech-pill{padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.75);font-size:.9rem;transition:all .3s ease}.tech-pill:hover{color:#fff;transform:translateY(-4px);border-color:rgba(0,255,209,.25);box-shadow:0 10px 30px rgba(0,255,209,.08)}@media (max-width:900px){.skills-grid{grid-template-columns:1fr}.skills-title{font-size:3rem}}.skill-track{height:12px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px)}.skill-fill,.skill-track{position:relative;border-radius:999px;overflow:hidden}.skill-fill{height:100%;transition:width 1.8s cubic-bezier(.16,1,.3,1);animation:gradientMove 3s linear infinite}.skill-shine{position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.9),transparent);filter:blur(4px);animation:shineMove 2.4s linear infinite}.skill-percent{min-width:58px;text-align:right;font-weight:700;font-size:1rem;transition:all .3s ease}.skill-bar:hover .skill-percent{transform:scale(1.08);text-shadow:0 0 12px currentColor}@keyframes shineMove{0%{left:-40%}to{left:140%}}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:200% 50%}}.projects-section{position:relative;overflow:hidden;min-height:100vh;padding:140px 24px;background:linear-gradient(180deg,#080817,#060611)}.projects-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.glow-one{width:450px;height:450px;background:#00ffd1;top:-100px;right:-150px}.glow-two{width:500px;height:500px;background:#5b5bff;left:-200px;bottom:-200px}.projects-grid-bg{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}.projects-container{position:relative;z-index:2;max-width:1250px;margin:0 auto}.projects-heading{text-align:center;margin-bottom:90px}.projects-tag{display:inline-block;margin-bottom:20px;color:#00ffd1;font-size:.8rem;letter-spacing:.25em;font-weight:600}.projects-title{font-size:clamp(3rem,6vw,5rem);line-height:1;color:#fff;margin-bottom:24px;font-weight:800}.projects-title span{display:block;color:transparent;-webkit-text-stroke:1px #00ffd1}.projects-description{max-width:720px;margin:0 auto;color:hsla(0,0%,100%,.6);line-height:1.9;font-size:1.05rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project-card{position:relative;overflow:hidden;padding:32px;border-radius:32px;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.08);transition:transform .45s ease,border-color .4s ease,box-shadow .4s ease;box-shadow:0 10px 40px rgba(0,0,0,.22);transform-style:preserve-3d;perspective:1400px}.project-card:hover{transform:translateY(-12px) rotateX(5deg) rotateY(-5deg);border-color:rgba(0,255,209,.2);box-shadow:0 40px 90px rgba(0,0,0,.35),0 0 40px rgba(0,255,209,.08)}.project-top{justify-content:space-between;margin-bottom:30px}.project-icon-box,.project-top{display:flex;align-items:center}.project-icon-box{width:90px;height:90px;border-radius:28px;justify-content:center;border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.06)}.project-icon{font-size:3rem;animation:floatProject 4s ease-in-out infinite}.project-arrow{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);color:#fff;font-size:1.2rem;transition:all .35s ease}.project-card:hover .project-arrow{transform:rotate(45deg) scale(1.1);background:rgba(0,255,209,.14)}.project-content h3{color:#fff;font-size:1.7rem;margin-bottom:18px;font-weight:700}.project-content p{color:hsla(0,0%,100%,.6);line-height:1.9;margin-bottom:28px}.project-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.project-tags span{padding:10px 16px;border-radius:999px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.75);font-size:.82rem;transition:all .3s ease}.project-card:hover .project-tags span{transform:translateY(-3px);background:hsla(0,0%,100%,.08)}.project-btn{width:100%;height:56px;border:none;border-radius:18px;background:linear-gradient(135deg,#00ffd1,#5b5bff);color:#000;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.project-btn:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(0,255,209,.22)}@keyframes floatProject{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:900px){.projects-grid{grid-template-columns:1fr}.projects-title{font-size:3rem}}.contact-section{position:relative;overflow:hidden;min-height:100vh;padding:140px 24px;background:linear-gradient(180deg,#060611,#05050d)}.contact-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.glow-left{width:420px;height:420px;background:#00ffd1;left:-120px;top:10%}.glow-right{width:500px;height:500px;background:#5b5bff;right:-180px;bottom:-150px}.contact-grid-bg{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}.contact-container{position:relative;z-index:2;max-width:1250px;margin:0 auto}.contact-heading{text-align:center;margin-bottom:90px}.contact-tag{display:inline-block;margin-bottom:20px;color:#00ffd1;font-size:.8rem;letter-spacing:.25em;font-weight:700}.contact-title{font-size:clamp(3rem,6vw,5rem);line-height:1;color:#fff;margin-bottom:24px;font-weight:800}.contact-title span{display:block;color:transparent;-webkit-text-stroke:1px #00ffd1}.contact-description{max-width:720px;margin:0 auto;color:hsla(0,0%,100%,.6);line-height:1.9;font-size:1.05rem}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.contact-form{position:relative;overflow:hidden;padding:40px;border-radius:32px;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 10px 40px rgba(0,0,0,.25)}.glass-overlay{position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.12),transparent 40%);pointer-events:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea{width:100%;padding:18px 20px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#fff;outline:none;transition:all .3s ease;backdrop-filter:blur(20px)}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(0,255,209,.5);box-shadow:0 0 0 4px rgba(0,255,209,.08)}.contact-form button{margin-top:20px;width:100%;height:58px;border:none;border-radius:18px;background:linear-gradient(135deg,#00ffd1,#5b5bff);color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,255,209,.25)}.error-message,.success-message{margin-top:18px;padding:16px 20px;border-radius:16px;font-weight:500}.success-message{background:rgba(0,255,209,.08);border:1px solid rgba(0,255,209,.18);color:#00ffd1}.error-message{background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.18);color:#ff6b6b}.contact-info{display:flex;flex-direction:column;gap:24px}.info-card{display:flex;align-items:center;gap:18px;padding:28px;border-radius:28px;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.08);transition:all .35s ease}.info-card:hover{transform:translateY(-6px);border-color:rgba(0,255,209,.15)}.info-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:rgba(0,255,209,.08);border:1px solid rgba(0,255,209,.15)}.info-card strong{display:block;color:#fff;margin-bottom:6px;font-size:1rem}.info-card span{color:hsla(0,0%,100%,.6);line-height:1.7}.contact-floating-card{position:relative;overflow:hidden;margin-top:12px;padding:40px;border-radius:32px;background:linear-gradient(135deg,rgba(0,255,209,.12),rgba(91,91,255,.08));border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(25px);animation:floatCard 5s ease-in-out infinite}.pulse-ring{top:24px;right:24px;width:14px;height:14px;background:#00ffd1;box-shadow:0 0 20px #00ffd1}.pulse-ring,.pulse-ring:before{position:absolute;border-radius:50%}.pulse-ring:before{content:"";inset:-10px;border:1px solid rgba(0,255,209,.4);animation:pulse 2s infinite}.contact-floating-card h3{color:#fff;font-size:1.5rem;margin-bottom:16px}.contact-floating-card p{color:hsla(0,0%,100%,.65);line-height:1.9}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:900px){.contact-grid,.form-row{grid-template-columns:1fr}.contact-title{font-size:3rem}.contact-form{padding:28px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:2rem}.hero-visual{height:350px}.about-grid,.contact-grid,.skills-grid{grid-template-columns:1fr}.section-heading h2{font-size:1.75rem}.topbar{padding:0 1rem}.nav-links{gap:1rem}.nav-link{font-size:.8rem}.footer-bar{flex-direction:column;gap:1rem;text-align:center}}.footer-section{position:relative;overflow:hidden;padding-top:40px;background:linear-gradient(180deg,#05050d,#030308)}.footer-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,209,.4),transparent)}.footer-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.08;pointer-events:none}.footer-glow-left{width:300px;height:300px;background:#00ffd1;left:-100px;top:0}.footer-glow-right{width:350px;height:350px;background:#5b5bff;right:-120px;bottom:-120px}.footer-container{position:relative;z-index:2;max-width:1250px;margin:0 auto;padding:70px 24px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-brand{gap:18px}.footer-brand,.footer-logo{display:flex;align-items:center}.footer-logo{width:68px;height:68px;border-radius:22px;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;background:linear-gradient(135deg,rgba(0,255,209,.18),rgba(91,91,255,.18));border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all .35s ease}.footer-logo:hover{transform:translateY(-5px) rotate(-4deg);box-shadow:0 20px 40px rgba(0,255,209,.12)}.footer-brand h3{color:#fff;font-size:1.4rem;margin-bottom:6px}.footer-brand p{color:hsla(0,0%,100%,.55);font-size:.95rem}.footer-links,.footer-socials{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer-links a,.footer-socials a{position:relative;color:hsla(0,0%,100%,.6);text-decoration:none;font-size:.95rem;transition:all .3s ease}.footer-links a:hover,.footer-socials a:hover{color:#00ffd1}.footer-links a:after,.footer-socials a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:#00ffd1;transition:width .3s ease}.footer-links a:hover:after,.footer-socials a:hover:after{width:100%}.footer-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px;border-top:1px solid hsla(0,0%,100%,.05);max-width:1250px;margin:0 auto;color:hsla(0,0%,100%,.35);font-size:.85rem}@media (max-width:900px){.footer-bottom,.footer-container{flex-direction:column;align-items:flex-start}}