.navbar{display:flex;align-items:center;justify-content:space-between;margin:0;background-color:#131313;height:80px;position:fixed;top:0;left:0;width:100%;z-index:1000;overflow:hidden}.navbar a{text-decoration:none;color:inherit;outline:none}.header-title{font-family:Poppins,sans-serif;padding:0 90px;font-weight:700;font-size:26px;color:#00e5ff;letter-spacing:1px;cursor:pointer;white-space:nowrap}.header-title img{border-radius:50%;margin:5px}.nav-menu{display:flex;align-items:center;padding:90px;list-style:none;gap:25px}.menu-btn{display:none;color:#fff;cursor:pointer}.nav-menu li{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:#fff;cursor:pointer;position:relative;transition:all .3s ease}.nav-menu li:hover{color:#0ff}.nav-menu li:after{content:"";position:absolute;width:0;height:3px;background:#0dc0c0;left:0;bottom:-5px;transition:.3s ease}.nav-menu li:hover:after{width:100%}@media(max-width:1024px){.header-title{padding-left:40px;font-size:22px}.nav-menu{padding-right:40px;gap:18px}.nav-menu li{font-size:.9rem}}@media(max-width:768px){.nav-menu{position:fixed;font-size:16px;right:-200%;top:70px;width:auto;height:auto;background:#131313;flex-direction:column;justify-content:left;padding-top:60px;gap:30px;transition:.4s ease}.nav-menu.active{right:0}.nav-menu li{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:#fff;cursor:pointer;position:relative;transition:all .4s ease}.menu-btn{display:block;padding-right:25px}.header-title{padding-left:25px;font-size:1.2rem}}.home{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 13% 30%,rgba(0,229,255,.15),transparent 40%),radial-gradient(circle at 83% 70%,rgba(163,61,102,.15),transparent 40%),#0a0a0a;color:#fff;text-align:center;padding:0 20px}.home-content h1{font-size:50px;font-weight:900;font-family:Poppins,sans-serif}.home-content h1 span{color:#00e5ff}.home-content p{margin-top:20px;font-size:18px;color:#afafaf;font-family:Poppins,sans-serif}.home-buttons{margin-top:40px;display:flex;gap:25px;justify-content:center;animation:fadeInUp .9s cubic-bezier(.22,1,.36,1) .4s}.btn-primary{background:#00e5ff;color:#000;text-decoration:none;font-family:Poppins,sans-serif;border:none;padding:12px 36px;font-size:18px;border-radius:30px;cursor:pointer;transition:.3s ease}.btn-primary a{text-decoration:none;color:#000}.btn-primary:hover{background:#00e5ff;box-shadow:0 0 12px #00e5ffb3;transform:translateY(-3px);border:1px solid #00e5ff}.btn-secondary{background:transparent;color:#00e5ff;border:2px solid #00e5ff;padding:12px 36px;font-family:Poppins,sans-serif;font-size:18px;text-decoration:none;border-radius:30px;cursor:pointer;transition:.3s ease}.btn-secondary a{text-decoration:none;color:#00e5ff}.btn-secondary a:hover{background:#00e5ff;color:#000}.btn-secondary:hover{background:#00e5ff;color:#000;box-shadow:0 0 12px #00e5ffb3;transform:translateY(-3px)}.social-icons-home{display:flex;justify-content:center;gap:20px;margin-top:40px}.social-icons-home a{width:55px;height:55px;margin-top:20px;background:#141a22;border:2px solid #222;border-radius:20%;display:flex;align-items:center;justify-content:center;color:#00e5ff;font-size:27px;transition:.3s ease}.social-icons-home a:hover{background:#00e5ff;color:#000;transform:translateY(-4px);box-shadow:0 0 20px #00e5ff80}@media(max-width:768px){.home{height:105vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 13% 30%,rgba(0,229,255,.15),transparent 40%),radial-gradient(circle at 83% 70%,rgba(163,61,102,.15),transparent 40%),#0a0a0a;color:#fff;text-align:center;padding:0 20px}.home-content h1{font-size:30px}.home-content p{margin-top:20px;font-size:14px;color:#afafaf;font-family:Poppins,sans-serif}.home-buttons{flex-direction:column;align-items:center;animation:fadeInUp 1s ease .4s;animation-fill-mode:both}.social-icons-home{display:flex;justify-content:center;gap:18px;margin-top:40px}.social-icons-home a{width:45px;height:45px}}.about{flex-wrap:wrap;height:auto;padding:10px 80px;background:#000;color:#fff}#about{padding-top:40px}.about-header{text-align:center;margin:20px}.about-header h2{font-size:40px;font-weight:700;font-family:Poppins,sans-serif}.about-header p{margin-top:12px;color:#00e5ff;letter-spacing:2px;font-size:14px}.underline{width:0px;height:3px;background:#00e5ff;margin:14px auto 0}.about-content{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px}.about-text{flex:1;margin-bottom:10px;color:#aaa;font-size:17px;line-height:1.5;font-family:Poppins,sans-serif}.about-text p{margin-bottom:50px}.about-image{flex:1;display:contents;justify-content:center;margin-bottom:30vh}.about-image img{width:400px;height:500px;border-radius:20px;-o-object-fit:cover;object-fit:cover;margin-bottom:20px}@media(max-width:768px){.about{background:radial-gradient(circle at 13% 30%,rgba(0,229,255,.15),transparent 40%),radial-gradient(circle at 83% 70%,rgba(163,61,102,.15),transparent 40%),#0a0a0a}.about-content{flex-direction:column-reverse;gap:50px}.about-header h2{font-size:36px;font-weight:700;font-family:Poppins,sans-serif}.about-header p{margin-top:12px;color:#00e5ff;letter-spacing:2px;font-size:12px}.about-image img{width:330px;height:430px;border-radius:15px}.about-text{margin-bottom:10px;padding:0;margin-right:-45px;margin-left:-50px;color:#aaa;text-align:justify;font-size:1rem;line-height:1.5;font-family:Poppins,sans-serif}}.skills-section{background-color:#0d0d0d;min-height:auto;padding:80px 0;color:#fff;font-family:Poppins,sans-serif}.skills-container{width:80%;margin:auto}#skills{padding-top:120px}.main-title{text-align:center;font-size:40px;font-weight:700;margin-bottom:10px}.subtitle{text-align:center;color:#00e5ff;letter-spacing:3px;font-size:14px;margin-bottom:10px}.underline{width:60px;height:3px;background-color:#00e5ff;margin:0 auto 60px;border-radius:5px}.skill-category{margin-bottom:60px}.skill-category h2{color:#00e5ff;font-size:1.7rem;letter-spacing:1px;margin-bottom:1%}.skills-grid{display:flex;flex-wrap:wrap;gap:24px;margin-left:5%;margin-top:2%;border:1px solid transparent}.skill-card{background:#1b1b1b;padding:16px 28px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:400;transition:all .3s ease;cursor:default;will-change:transform}.skill-card svg{font-size:27px;color:#fff}.skill-card:hover{background:radial-gradient(circle at 10% 2%,rgba(14,223,247,.911),transparent 40%),radial-gradient(circle at 80% 70%,rgba(173,134,150,.15),transparent 40%),#ac3191;color:#000;transform:translateY(-1px);border:1px solid #00e5ff;box-shadow:0 0 18px #00e5ff40}.skill-card:hover svg{color:#000}@media(max-width:768px){.skills-section{height:auto;padding:80px 0;background-color:#131313;color:#fff;font-family:Poppins,sans-serif}.main-title{font-size:36px}.skill-category h2{font-size:22px}.skill-card{font-size:.9rem;font-weight:500;padding:15px 18px}.skills-grid{display:grid;gap:5px;margin-left:5%;margin-top:5%;border:1px solid transparent}}.project-section{background-color:#000;height:auto;padding:80px 0;color:#fff;font-family:Poppins,sans-serif}.project-container{width:90%;margin:auto}#projects{padding-top:120px}.project-title{text-align:center;font-size:40px;font-weight:700}.project-subtitle{text-align:center;color:#00e0ff;font-size:14px;letter-spacing:3px;margin-top:8px}.underline{width:60px;height:4px;background:#00e0ff;margin:15px auto 60px;border-radius:5px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;flex-wrap:wrap}.project-card{background:#1a1a1a;border-radius:10px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}.project-card:hover{transform:translateY(-8px);border:1px solid #00e5ff;box-shadow:0 0 18px #00e5ff40;background:radial-gradient(circle at 50% 150%,rgba(0,229,255,.18),transparent 55%),#141a22}.project-card img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.project-content{padding:20px}.project-content h3{margin-bottom:10px;font-size:18px;font-weight:500}.project-content p{font-size:15px;font-weight:300;color:#ccc;margin-bottom:15px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tech-stack span{background:#062f36;color:#00e0ff;padding:9px 15px;border-radius:8px;font-size:14px;font-weight:400}.project-content a{display:inline-flex;align-items:center;margin-top:15px;gap:10px;font-size:18px;text-decoration:none;color:#fff;transition:.3s}.project-content a:hover{color:#00e0ff;transform:translateY(-3px)}.github-btn{text-align:center;margin-top:50px;display:flex;justify-content:center}.github-btn a{background:#00e5ff;color:#000;font-family:Poppins,sans-serif;border:none;padding:16px 28px;font-size:18px;font-weight:500;text-decoration:none;border-radius:30px;cursor:pointer;transition:.3s ease}.github-btn a:hover{transform:translateY(-4px);box-shadow:0 0 25px #00e5ff80}.desc-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.description{flex:1;font-size:14px;font-weight:200;color:#ccc;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.description.expanded{-webkit-line-clamp:unset;overflow:visible}.read-toggle-btn{width:38px;height:38px;border-radius:50%;margin-bottom:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#00e5ff14;border:1px solid rgba(0,229,255,.4);transition:all .3s ease}.read-toggle-btn:hover{background:#00e5ff;box-shadow:0 0 18px #00e5ff80}.read-toggle-btn .arrow{width:9px;height:9px;border-right:3px solid #00e5ff;border-bottom:3px solid #00e5ff;transform:rotate(45deg);transition:.3s ease}.read-toggle-btn:hover .arrow{border-color:#000}.read-toggle-btn.active .arrow{transform:rotate(-135deg)}.read-toggle:hover{text-decoration:underline}@media(max-width:768px){.project-section{background-color:#000;height:auto;padding:80px 0;color:#fff;font-family:Poppins,sans-serif}.project-title{text-align:center;font-size:36px;font-weight:700}.project-subtitle{text-align:center;color:#00e0ff;font-size:12px;letter-spacing:3px;margin-top:8px}.project-card{background:#1a1a1a;border-radius:10px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}}.interests{padding:100px 8%;background-color:#0d0d0d;text-align:center;font-family:Poppins,sans-serif}#interests{padding-top:120px}.section-title{font-size:40px;color:#fff;margin-bottom:10px}.section-subtitle{color:#00e5ff;letter-spacing:2px;font-size:14px;margin-bottom:60px;position:relative}.section-subtitle:after{content:"";width:80px;height:3px;background:#00e5ff;display:block;margin:10px auto 0}.interests-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.interest-card{background:linear-gradient(145deg,#11161d,#0c1117);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 25px;width:260px;border-radius:18px;transition:.4s ease;cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden}.interest-card .icon{font-size:46px;color:#00e5ff;margin-bottom:2px}.interest-card h3{color:#ececec;margin-bottom:15px;font-size:26px;font-weight:500}.interest-card p{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#aaa;line-height:1.6}.interest-card:hover{transform:translateY(-8px);border:1px solid #00e5ff;box-shadow:0 0 18px #00e5ff40;background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.18),transparent 55%),#141a22;transition:.3s ease}@media(max-width:768px){.interests{padding:100px 8%;background:#131313;text-align:center;font-family:Poppins,sans-serif}.section-title{font-size:36px;color:#fff;margin-bottom:10px}.interest-card{background:linear-gradient(145deg,#11151b,#132a44);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 25px;width:260px;border-radius:18px;transition:.4s ease;cursor:pointer;border:1px solid transparent;position:relative}}.resume-section{padding:120px 8%;background:#000;text-align:center;font-family:Poppins,sans-serif}.resume-title{font-size:40px;color:#fff;margin-bottom:10px}.resume-subtitle{color:#00e5ff;letter-spacing:2px;font-size:14px;margin-bottom:50px;position:relative}.resume-subtitle:after{content:"";width:80px;height:3px;background:#00e5ff;display:block;margin:10px auto 0}.resume-content{max-width:700px;margin:auto}.resume-content p{color:#b0b0b0;line-height:1.8;margin-bottom:20px;font-size:16px}.resume-btn{margin-top:30px;padding:17px 35px;border-radius:30px;border:none;cursor:pointer;background:#00e5ff;color:#000;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:.3s ease}.resume-btn:hover{transform:translateY(-4px);box-shadow:0 0 25px #00e5ff80}@media(max-width:768px){.resume-section{padding:120px 8%;background:radial-gradient(circle at 13% 30%,rgba(0,229,255,.15),transparent 40%),radial-gradient(circle at 83% 70%,rgba(163,61,102,.15),transparent 40%),#0a0a0a;text-align:center;font-family:Poppins,sans-serif}.resume-title{font-size:36px;color:#fff;margin-bottom:10px}.resume-subtitle{color:#00e5ff;letter-spacing:2px;font-size:12px;margin-bottom:50px;position:relative}.resume-content p{color:#b0b0b0;line-height:1.8;margin-bottom:20px;font-size:15px;text-align:center}}.contact-section{padding:120px 8%;background:radial-gradient(circle at 13% 30%,rgba(0,229,255,.15),transparent 40%),radial-gradient(circle at 83% 70%,rgba(163,61,102,.15),transparent 40%),#0a0a0a;font-family:Poppins,sans-serif}.contact-title{text-align:center;font-size:40px;color:#fff;margin-bottom:10px}.contact-subtitle{text-align:center;color:#00e5ff;letter-spacing:2px;font-size:14px;margin-bottom:70px;position:relative}.contact-subtitle:after{content:"";width:80px;height:3px;background:#00e5ff;display:block;margin:10px auto 0}.contact-container{display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap}.contact-left{flex:1;min-width:300px}.contact-left h3{font-size:26px;color:#fff;margin-bottom:20px}.contact-left p{color:#b0b0b0;line-height:1.8;margin-bottom:40px}.contact-info{display:flex;flex-direction:column;gap:25px}.info-item{display:flex;align-items:center;gap:15px}.icon-box{width:45px;height:45px;background:#00e5ff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00e5ff;font-size:18px}.info-item h4{color:#fff;margin:0;font-size:17px}.info-item span{color:#aaa;font-size:14px}.contact-right{flex:1;min-width:300px}.contact-right form{display:flex;flex-direction:column;gap:20px}.contact-right input,.contact-right textarea{padding:14px 15px;background:#141a22;border:1px solid #222;border-radius:8px;color:#fff;font-size:14px;outline:none;transition:.3s ease}.contact-right input:focus,.contact-right textarea:focus{border-color:#00e5ff;box-shadow:0 0 10px #00e5ff4d}.contact-right button{width:180px;padding:13px;border-radius:40px;border:none;background:#00e5ff;color:#000;font-size:14px;font-weight:400;cursor:pointer;transition:.2s ease;font-family:Poppins,sans-serif;text-decoration:none}.contact-right button:hover{transform:translateY(-3px);box-shadow:0 0 20px #00e5ff80}.social-icons{display:flex;gap:20px;margin-top:40px}.social-icons a{width:50px;height:50px;background:#141a22;border:1px solid #222;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00e5ff;font-size:23px;transition:.3s ease}.social-icons a:hover{background:#00e5ff;color:#000;transform:translateY(-4px);box-shadow:0 0 20px #00e5ff80}@media(max-width:768px){.contact-section{background:radial-gradient(circle at 13% 30%,rgba(0,229,255,.15),transparent 40%),radial-gradient(circle at 83% 70%,rgba(163,61,102,.15),transparent 40%),#0a0a0a;font-family:Poppins,sans-serif}.contact-title{text-align:center;font-size:36px;color:#fff;margin-bottom:10px}.contact-subtitle{text-align:center;color:#00e5ff;letter-spacing:2px;font-size:12px;margin-bottom:70px;position:relative}.contact-container{flex-direction:column}.contact-right button{display:inline}.social-icons{display:flex;gap:20px;justify-content:center;margin-top:40px}}.footer{background-color:#000;padding:40px 0 20px;color:#ccc}.footer-container{width:85%;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-logo{color:#00d4ff;font-size:20px;font-weight:600}.footer-socials{display:flex;gap:15px}.footer-socials a{width:40px;height:40px;text-decoration:none;background:#1a1a1a;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;transition:.3s ease;font-size:20px}.footer-socials a:hover{background:#00d4ff;color:#000}.footer-line{border:none;border-top:1px solid #222;margin:25px 0 15px}.footer-bottom{text-align:center;font-size:15px;color:#888}*{margin:0;padding:0}.logo{border-radius:40%}body{height:100vh;background:#161513;color:#08dede;font-family:Poppins,sans-serif;animation:fadeInUp .9s cubic-bezier(.22,1,.36,1) .4s}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}