body{background:#0b0f19;color:#f1f5f9;font-family:'Inter',sans-serif;overflow-x:hidden}.gradient-text{background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-name,.typing,.hero-desc,.badge{animation:fadeUp 1s ease forwards;opacity:0}.hero-name{animation-delay:0.2s}.typing{animation-delay:0.5s}.hero-desc{animation-delay:0.8s}.badge{animation-delay:0.1s}@keyframes fadeUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.cursor{display:inline-block;width:2px;background:#fff;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.social-icon{font-size:1.8rem;margin:0 10px;color:white;transition:0.3s}.social-icon:hover{color:#7c3aed;transform:translateY(-5px)}.floating-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.4;animation:float 8s infinite ease-in-out alternate}.shape1{width:400px;height:400px;background:#7c3aed;top:-100px;left:-100px}.shape2{width:300px;height:300px;background:#2563eb;bottom:-100px;right:-50px}.shape3{width:200px;height:200px;background:#9333ea;top:40%;right:20%}@keyframes float{from{transform:translateY(0px)}to{transform:translateY(40px)}}.hero-photo-wrapper{display:flex;justify-content:center;margin-top:40px}.photo-card{width:260px;height:260px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,#7c3aed,#2563eb);padding:5px;transition:transform 0.2s ease}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:18px}.mouse-glow{position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,0.4),transparent 70%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;z-index:0;transform:translate(-50%,-50%)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}.stats{background:#0f172a;padding:100px 0;text-align:center}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.expertise-section{background:#0f172a;position:relative}.expertise-heading{font-size:2rem;font-weight:800;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.expertise-subtext{opacity:0.7;font-size:1.1rem}.expertise-item{display:flex;align-items:flex-start;margin-bottom:40px;text-align:left;padding:20px;border-radius:15px;transition:0.4s}.expertise-item:hover{background:rgba(255,255,255,0.03);transform:translateX(10px)}.expertise-number{font-size:1.5rem;font-weight:800;margin-right:20px;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;min-width:40px}.btn-primary{background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;padding:12px 30px;border-radius:40px}.section{padding:120px 0}@supports (content-visibility:auto){.section,.stats{content-visibility:auto;contain-intrinsic-size:800px}}.section-title{font-weight:800;font-size:2.5rem;margin-bottom:60px}.card-custom{background:#111827;border-radius:20px;padding:40px;transition:0.4s;border:1px solid rgba(255,255,255,0.05)}.card-custom:hover{transform:translateY(-15px);box-shadow:0 30px 60px rgba(124,58,237,0.3)}.gradient-border{position:relative}.gradient-border::before{content:"";position:absolute;inset:0;padding:2px;border-radius:20px;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.projects-section{background:#0b0f19}.project-showcase{padding:80px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.project-title{font-weight:800;font-size:2rem;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-description{opacity:0.8;font-size:1.1rem}.project-points li{margin-bottom:10px;opacity:0.8}.project-tech{font-weight:600;opacity:0.7}.project-visual{position:relative;background:#111827;border-radius:20px;padding:80px 40px;text-align:center;transition:0.4s;border:1px solid rgba(255,255,255,0.05)}.project-visual:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(124,58,237,0.3)}.project-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(124,58,237,0.2),transparent 70%);border-radius:20px;z-index:0}.project-visual h4{position:relative;z-index:1}footer{background:#05070f;padding:40px 0;text-align:center;font-size:0.9rem;opacity:0.6}.about-section{background:#0f172a}.about-heading{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text{opacity:0.8;font-size:1.05rem;line-height:1.8}.about-highlights span{display:inline-block;margin-bottom:10px;opacity:0.85}.about-image-wrapper{width:300px;margin:auto;border-radius:20px;overflow:hidden;padding:5px;background:linear-gradient(135deg,#7c3aed,#2563eb)}.about-image{width:100%;border-radius:18px;object-fit:cover}.reveal{opacity:0;transform:translateY(40px);transition:all 0.8s ease}.reveal.active{opacity:1;transform:translateY(0)}.tech-item{background:rgba(255,255,255,0.03);padding:20px;border-radius:15px;transition:0.3s;border:1px solid rgba(255,255,255,0.05)}.tech-item i{font-size:2rem;display:block;margin-bottom:10px;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(124,58,237,0.3)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#0b0f19}.animated-bg{position:absolute;inset:0;background:linear-gradient(45deg,#7c3aed,#2563eb,#9333ea,#1e40af);background-size:300% 300%;animation:gradientMove 15s ease infinite;opacity:0.15;z-index:0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#interactive-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero .container{position:relative;z-index:2}@media (pointer:coarse){.mouse-glow{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-indicator{animation:none!important}}