.loader{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:5px solid #444;border-top:5px solid #61dafb;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-container{position:fixed;top:0;width:100%;background:#0d0d0d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;z-index:1000;box-shadow:0 2px 10px #00ffff14}.nav-logo{font-size:1.6rem;font-weight:700;color:#00ffe0}.nav-menu{display:flex;gap:25px;align-items:center}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;position:relative;transition:color .3s ease}.nav-menu a:hover,.nav-menu a.active{color:#00ffe0}.nav-menu a.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#00ffe0;border-radius:2px}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:#00ffe0;border-radius:2px;transition:all .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media screen and (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:absolute;top:60px;right:30px;background:#121212;flex-direction:column;padding:20px 30px;gap:15px;border-radius:10px;box-shadow:0 5px 20px #00ffff26;display:none}.nav-menu.show{display:flex}}.hero{position:relative;height:100vh;width:100%;background-image:url(/assets/stars-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;overflow:hidden;text-align:center}.overlay{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.particles-bg{position:absolute;width:100%;height:100%;z-index:0}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;z-index:2;text-shadow:0 0 12px rgba(0,255,255,.3)}.hero-title .highlight{color:#00ffe0;text-shadow:0 0 15px rgba(0,255,255,.5)}.hero-subtitle{font-size:1.2rem;margin-top:15px;color:#ddd;z-index:2;max-width:600px}.resume-btn{margin-top:30px;padding:12px 28px;font-size:1rem;background:linear-gradient(135deg,#00ffe0,#61dafb);color:#000;text-decoration:none;border-radius:10px;font-weight:600;box-shadow:0 0 10px #00ffff4d;z-index:2;transition:all .3s ease-in-out}.resume-btn:hover{background:linear-gradient(135deg,#0ca,#42cfff);box-shadow:0 0 25px #0ff6}.about{padding:100px 20px;background:#1c1c1c;color:#eee;text-align:center}.about h2{font-size:2rem;margin-bottom:1rem}.about p{max-width:600px;margin:0 auto}.projects{background:#121212;color:#fff;padding:80px 20px;text-align:center}.project-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:30px}.project-card{background:#1f1f1f;padding:20px;width:250px;border-radius:8px;box-shadow:0 0 15px #0000004d;transition:transform .3s}.project-card:hover{transform:translateY(-10px)}.contact{background:url(/assets/contact-bg.jpg) center/cover no-repeat;padding:100px 20px;display:flex;justify-content:center;align-items:center}.contact-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;padding:40px;width:100%;max-width:500px;color:#fff;box-shadow:0 0 25px #0006;text-align:center}.contact-box h2{font-size:2rem;margin-bottom:25px}form{display:flex;flex-direction:column;gap:15px}form input,form textarea{background:#ffffff1a;color:#fff;padding:12px;border:none;border-radius:8px;font-size:1rem;resize:none}form input::placeholder,form textarea::placeholder{color:#ccc}form button{background:#61dafb;color:#000;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}form button:hover{background:#3daee9}.contact-social{margin-top:20px;display:flex;justify-content:center;gap:20px;font-size:1.1rem}.contact-social a{color:#61dafb;text-decoration:none;transition:color .3s}.contact-social a:hover{color:#3daee9}.footer{background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#bbb;text-align:center;padding:25px 15px}.footer-links{display:flex;justify-content:center;gap:25px;margin-top:10px}.footer-links a{color:#61dafb;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#3daee9}.footer-icon{height:30px;width:30px}.skills-section{background:linear-gradient(to bottom,#0d0d0d,#1a1a1a);padding:100px 20px;text-align:center;color:#fff}.skills-title{font-size:3rem;margin-bottom:50px;color:#00ffe0;text-shadow:0 0 10px #00ffe0aa}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px;max-width:1000px;margin:0 auto}.skill-card{background:#1a1a1a;border-radius:15px;padding:20px;box-shadow:0 0 20px #00ffff0d;transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #00ffff40}.circular-wrapper{position:relative;width:120px;height:120px;margin:auto}.circular-progress{position:absolute;top:0;left:0}.progress-bg{fill:none;stroke:#2a2a2a;stroke-width:10}.progress-bar{fill:none;stroke:#00ffe0;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .5s ease-out;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 6px #00ffe0)}.circular-center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px}.circle-icon{width:24px;height:24px}.circle-label{font-size:12px;font-weight:700}.circle-percent{font-size:14px;font-weight:700;color:#00ffe0}.app{width:100%;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;overflow-x:hidden}html{scroll-behavior:smooth}