:root{--navbar-height:80px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0f;height:100%}body{padding-top:var(--navbar-height);z-index:0;margin:0;position:relative}#about{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}#about .glass{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;margin-top:40px;padding:50px;display:flex}#about h3{color:#c084fc;margin-bottom:16px;font-size:22px}#about p{text-align:center;color:#fffc;max-width:650px;font-size:18px;line-height:1.7}#about h2{margin-bottom:10px;animation:.8s both fadeInUp}#about .glass{animation:.6s both fadeInScale}@media (max-width:768px){#about .glass{padding:28px}#about p{font-size:16px}#about h3{font-size:18px}}body:before{content:"";opacity:.35;z-index:-10;background-image:url(/hero-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body:after{content:"";z-index:-9;background:radial-gradient(circle at 20% 20%,#8b5cf640,#0000 40%),radial-gradient(circle at 80% 30%,#3b82f640,#0000 40%),radial-gradient(circle at 50% 80%,#10b98126,#0000 50%);position:fixed;inset:0}.nav-left{flex:1;align-items:center;display:flex}.nav-center{flex:2;justify-content:center;align-items:center;gap:22px;display:flex}.nav-right{flex:1;justify-content:flex-end;align-items:center;gap:14px;display:flex}@media (max-width:768px){.navbar{flex-direction:column;align-items:center;gap:10px;height:auto;padding:14px 6%}.nav-left,.nav-center,.nav-right{flex:unset;justify-content:center;width:100%}.nav-center{flex-wrap:wrap;gap:12px}.nav-right{flex-wrap:wrap;gap:10px}.nav-right button{width:100%;max-width:220px}}@media (max-width:480px){.nav-center{gap:10px;font-size:14px}.navbar a{font-size:14px}.nav-right{gap:10px}.btn{width:100%}}@media (max-width:768px){.navbar-desktop{display:none!important}}.particle-canvas{z-index:-5;pointer-events:none;opacity:.9;position:fixed;inset:0}.section{scroll-margin-top:var(--navbar-height);min-height:100vh;padding:140px 10% 100px;position:relative}.hero h1{letter-spacing:-1px;background:linear-gradient(90deg,#c084fc,#60a5fa,#34d399,#c084fc) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:72px;font-weight:900;line-height:1.05;animation:6s infinite gradientShift,.8s both fadeInUp;position:relative}.hero h1:after{content:"";filter:blur(25px);opacity:.25;z-index:-1;background:linear-gradient(90deg,#7c3aed,#3b82f6,#10b981);position:absolute;inset:0}.hero-title{letter-spacing:-1px;background:linear-gradient(90deg,#c084fc,#60a5fa,#34d399,#c084fc) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:72px;font-weight:900;line-height:1.05;animation:6s infinite gradientShift;position:relative;overflow:hidden}.hero-title:before{content:"";background:linear-gradient(120deg,#0000 0%,#fff6 50%,#0000 100%);width:50%;height:100%;animation:4.5s ease-in-out infinite shineSweep;position:absolute;top:0;left:-75%;transform:skew(-20deg)}@keyframes shineSweep{0%{left:-75%}50%{left:125%}to{left:125%}}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--x) var(--y), #7c3aed40, transparent 40%);transition:background .15s;position:absolute;inset:0}.cursorGlow{pointer-events:none;z-index:-6;background:radial-gradient(circle at var(--x) var(--y), #7c3aed2e, #3b82f61f, transparent 50%);transition:background 80ms linear;position:fixed;inset:0}.section h2{letter-spacing:-.5px;background:linear-gradient(90deg,#c084fc,#60a5fa,#34d399);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:20px;font-size:44px;font-weight:800;animation:.8s both fadeInUp;display:block;position:relative}.section h2:after{content:"";opacity:.6;background:linear-gradient(90deg,#7c3aed,#0000);width:120px;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}#projects{flex-direction:column;align-items:center;display:flex}h1{font-size:64px;font-weight:800}h2{font-size:42px;font-weight:700}h3{color:#c084fc;font-size:22px}p{color:#cfcfcf;font-size:24px;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:14px;padding:16px 28px;font-size:16px;font-weight:600;transition:all .25s}.hero-buttons .btn{border-radius:16px;padding:18px 34px;font-size:17px}.btn-primary{color:#fff;background:#7c3aed}.btn-primary:hover{background:#8b5cf6}.btn-secondary{color:#fff;background:#10b981}.btn-secondary:hover{background:#34d399}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #7c3aed40}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 10px 40px #0006}.navbar{height:var(--navbar-height);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:0 10%;display:flex;position:fixed;top:0;left:0;right:0}.navbar-desktop{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar a{color:#fff;opacity:.85;cursor:pointer;font-weight:500;text-decoration:none;transition:all .25s;position:relative}.navbar a:after{content:"";background:linear-gradient(90deg,#7c3aed,#60a5fa,#34d399);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.navbar a:hover{opacity:1;transform:translateY(-2px)}.navbar a:hover:after{width:100%}.hero{min-height:calc(100vh - var(--navbar-height));text-align:center;justify-content:center;align-items:center;padding:0 10%;display:flex;position:relative}.hero-text{text-align:center;z-index:2;flex-direction:column;align-items:center;max-width:700px;display:flex}.hero-role{color:#c084fc;margin-top:10px;font-size:28px}.hero-bio{color:#ffffffbf;min-height:90px;margin-top:20px;font-size:24px;line-height:1.7}.hero-buttons{gap:16px;margin-top:30px;display:flex}.hero-image img{object-fit:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff26;border-radius:50%;width:320px;height:320px;animation:6s ease-in-out infinite float;box-shadow:0 20px 60px #00000080}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.grid{gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.input,.textarea{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:14px;transition:all .3s}.textarea{resize:none;min-height:140px}.contactBtn{width:100%;margin-top:10px}.input:focus,.textarea:focus{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed33}.input::placeholder,.textarea::placeholder{color:#fff6}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.techCard3D:hover{border-color:#7c3aed99;transform:translateY(-8px)scale(1.03);box-shadow:0 20px 40px #7c3aed40}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.techGrid3D{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;margin-top:40px;display:grid}.techCard3D{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:160px;transform-style:preserve-3d;will-change:transform;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,box-shadow .3s;display:flex}.techCard3D svg{color:#ffffffe6;margin-bottom:10px}.techCard3D h3{font-size:15px;font-weight:600}.techCard3D p{color:#fff9;margin-top:4px;font-size:12px}.projectsGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:40px;display:grid}.projectCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;transition:all .35s;display:flex;overflow:hidden}.projectCard:hover{border-color:#7c3aed99;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 60px #7c3aed40}.projectImage{height:200px;overflow:hidden}.projectImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.projectCard:hover .projectImage img{transform:scale(1.08)}.projectContent{padding:18px}.projectContent h3{margin-bottom:8px}.projectContent p{color:#ffffffb3;font-size:14px;line-height:1.5}.projectLinks{gap:12px;margin-top:14px;display:flex}.projectLinks a{color:#c084fc;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none;transition:all .3s}.projectLinks a:hover{background:#7c3aed26;border-color:#7c3aed80}.contactSection{text-align:center;flex-direction:column;align-items:center;display:flex}.contactCard{justify-content:center;width:100%;max-width:600px;margin-top:40px;padding:40px;transition:all .3s;display:flex;transform:translateY(-6px);box-shadow:0 25px 60px #7c3aed33}.contactForm{flex-direction:column;gap:18px;width:100%;display:flex}.contactCard:hover{transform:translateY(-6px);box-shadow:0 25px 60px #7c3aed33}.errorText{color:#f87171;font-size:14px}.successOverlay{z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.successCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:40px;animation:.4s ease-out fadeInScale}.checkmark{color:#10b981;font-size:50px;animation:.5s ease-out pop}@media (max-width:768px){.hero-buttons .btn{width:100%;max-width:300px}}@media (max-width:480px){h1{font-size:36px!important}h2{font-size:26px!important}.hero{text-align:center;flex-direction:column;gap:30px;padding:120px 6%}.hero-image img{width:220px;height:220px}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}.section{padding:100px 6%}.projectsGrid,.techGrid3D{grid-template-columns:1fr}.contactCard{padding:20px}}@media (max-width:768px){.hero{text-align:center;flex-direction:column;gap:40px}.hero-text{max-width:100%}.hero-image img{width:260px;height:260px}h1{font-size:48px!important}h2{font-size:32px!important}.projectsGrid{grid-template-columns:1fr}.techGrid3D{grid-template-columns:repeat(2,1fr)}.hero-buttons{justify-content:center}}@media (max-width:1024px){.hero{gap:40px;padding:120px 8%}.hero-image img{width:280px;height:280px}.projectsGrid{grid-template-columns:repeat(2,1fr)}.techGrid3D{grid-template-columns:repeat(3,1fr)}.contactCard{max-width:90%}}.hero-text{word-wrap:break-word;max-width:100%}