*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 0 0,#38bdf82e,#0000 28%),linear-gradient(135deg,#020617,#0f172a);font-family:Poppins,Segoe UI,sans-serif}section{animation:.9s both fadeUp}.navbar-wrapper{z-index:1000;pointer-events:none;background:0 0;justify-content:center;width:100%;display:flex;position:fixed;top:18px;left:0}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#0f172abf;border:1px solid #38bdf833;border-radius:999px;justify-content:space-between;align-items:center;width:80%;max-width:1200px;padding:14px 26px;display:flex;box-shadow:0 10px 35px #38bdf814}.logo{color:#38bdf8;align-items:center;gap:10px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.logo:after{display:none}.logo-icon{font-size:20px;transform:translateY(1px)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#cbd5e1;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:#38bdf8}.nav-links a:after{content:"";background:#38bdf8;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hero{background:0 0;align-items:center;min-height:100vh;padding:160px 10% 100px;display:flex}.hero-content{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;width:100%;display:grid}.hero-tag{color:#38bdf8;margin-bottom:18px;font-weight:600}.hero-left h1{margin-bottom:18px;font-size:58px;line-height:1.1}.typing-text{color:#38bdf8;margin:10px 0 18px;font-size:26px;display:block}.hero-description{color:#cbd5e1;max-width:620px;margin-bottom:28px;font-size:18px;line-height:1.8}.hero-quote{color:#94a3b8;opacity:.9;max-width:680px;margin:22px 0;font-size:20px;font-weight:600;line-height:1.5}.hero-buttons{flex-wrap:wrap;gap:18px;margin-top:10px;display:flex}.hero button{color:#020617;cursor:pointer;background:#38bdf8;border:none;border-radius:30px;padding:14px 28px;font-weight:700;transition:all .3s;box-shadow:0 0 25px #38bdf859}.hero button:hover{background:#fff;transform:translateY(-5px)}.outline-btn{color:#38bdf8!important;background:0 0!important;border:1px solid #38bdf8!important}.outline-btn:hover{color:#020617!important;background:#38bdf8!important}.hero-highlights{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.hero-highlights span{color:#cbd5e1;background:#0f172abf;border:1px solid #38bdf838;border-radius:999px;padding:12px 20px;font-weight:500;transition:all .3s}.hero-highlights span:hover{border-color:#38bdf8;transform:translateY(-4px)}.hero-right{justify-content:center;align-items:center;display:flex}.hero-right img{object-fit:cover;object-position:center top;border:2px solid #38bdf873;border-radius:35px;width:360px;height:430px;animation:4s ease-in-out infinite floatImage;box-shadow:0 0 40px #38bdf840}.about{background:0 0;padding:110px 10%}.about h2,.skills h2,.projects h2,.contact h2{text-align:center;margin-bottom:60px;font-size:42px}.about h2:after,.skills h2:after,.projects h2:after,.contact h2:after{content:"";background:#38bdf8;border-radius:10px;width:70px;height:4px;margin:12px auto 0;display:block}.about-container{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:35px;display:grid}.about-main-card,.about-info-card{background:#0f172a94;border:1px solid #38bdf838;border-radius:28px;box-shadow:0 20px 55px #00000040}.about-main-card{padding:40px;position:relative;overflow:hidden}.about-main-card:before{content:"";filter:blur(8px);background:#38bdf829;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-60px}.about-label{color:#38bdf8;margin-bottom:18px;font-weight:700}.about-main-card h3{margin-bottom:22px;font-size:30px;line-height:1.35}.about-main-card p,.about-info-card p{color:#cbd5e1;line-height:1.8}.about-points{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.about-points span{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;padding:10px 16px;font-weight:600}.about-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.about-info-card{padding:26px;transition:all .3s}.about-info-card:hover{background:#38bdf814;border-color:#38bdf8;transform:translateY(-8px)}.about-info-card h4{margin-bottom:12px;font-size:20px}.skills{text-align:center;background:0 0;padding:110px 8%}.skills-tag{color:#38bdf8;letter-spacing:2px;margin-bottom:16px;font-size:14px;font-weight:700}.skills h2{margin-bottom:60px;font-size:42px}.skills-content{flex-direction:column;gap:35px;display:flex}.technical-skills{grid-template-columns:repeat(5,1fr);gap:22px;display:grid}.skill-card{background:#0f172a94;border:1px solid #38bdf838;border-radius:24px;min-height:250px;padding:26px 20px;transition:all .35s}.skill-card:hover{border-color:#38bdf8;transform:translateY(-10px);box-shadow:0 20px 45px #38bdf824}.skill-icon{background:#38bdf81a;border:1px solid #38bdf840;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:28px;display:flex}.skill-card h3{color:#38bdf8;margin-bottom:18px;font-size:21px}.skill-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.skill-tags span,.soft-skill-list span{color:#cbd5e1;background:#0206178c;border:1px solid #38bdf829;border-radius:999px;padding:8px 12px;font-size:13px;transition:all .3s}.skill-tags span:hover,.soft-skill-list span:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-3px)}.soft-skills{background:#0f172a94;border:1px solid #38bdf838;border-radius:24px;padding:32px}.soft-skills h3{color:#38bdf8;margin-bottom:22px;font-size:24px}.soft-skill-list{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (width<=1200px){.technical-skills{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.skills{padding:90px 6%}.skills h2{font-size:34px}.technical-skills{grid-template-columns:1fr}.skill-card{min-height:auto}}.featured-project-section{padding:120px 8%}.featured-project-container{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;display:grid}.featured-tag{color:#38bdf8;letter-spacing:2px;margin-bottom:18px;font-size:14px;font-weight:600}.featured-left h2{margin-bottom:24px;font-size:52px;line-height:1.2}.featured-description{color:#cbd5e1;margin-bottom:35px;font-size:18px;line-height:1.9}.featured-features{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:35px;display:grid}.feature-box{background:#0f172a8c;border:1px solid #38bdf82e;border-radius:18px;padding:18px;transition:all .3s}.feature-box:hover{border-color:#38bdf8;transform:translateY(-5px)}.featured-tech{flex-wrap:wrap;gap:12px;margin-bottom:35px;display:flex}.featured-tech span{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf840;border-radius:999px;padding:10px 16px;font-size:14px}.featured-buttons{gap:18px;display:flex}.featured-buttons a{border-radius:999px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s}.featured-buttons a:first-child{color:#020617;background:#38bdf8}.featured-buttons .outline-btn{color:#38bdf8;border:1px solid #38bdf8}.featured-buttons a:hover{transform:translateY(-5px)}.featured-right{position:relative}.featured-right img{border:1px solid #38bdf833;border-radius:28px;width:100%;transition:all .4s;box-shadow:0 25px 60px #38bdf826}.featured-right img:hover{transform:scale(1.03)}@media (width<=992px){.featured-project-container{grid-template-columns:1fr}.featured-left h2{font-size:40px}}@media (width<=768px){.featured-features{grid-template-columns:1fr}.featured-buttons{flex-direction:column}}.projects{background:0 0;padding:90px 6%}.project-container{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{text-align:left;background:#0f172a94;border:1px solid #38bdf838;border-radius:24px;padding:25px;transition:all .35s;position:relative;overflow:hidden}.project-card:before{content:"";background:#38bdf82e;border-radius:50%;width:160px;height:160px;transition:all .4s;position:absolute;top:-80px;right:-80px}.project-card:hover:before{transform:scale(1.7)}.project-card:hover{border-color:#38bdf8;transform:translateY(-12px);box-shadow:0 25px 50px #38bdf829}.project-img{object-fit:cover;border:1px solid #334155;border-radius:16px;width:100%;height:180px;margin-bottom:18px}.project-card h3{color:#38bdf8;z-index:1;margin-bottom:15px;font-size:25px;position:relative}.project-card p,.project-card li{color:#cbd5e1;z-index:1;line-height:1.7;position:relative}.project-card ul{margin:18px 0;padding-left:20px}.project-links{z-index:1;gap:15px;margin-top:20px;display:flex;position:relative}.project-links a{color:#020617;background:#38bdf8;border-radius:25px;padding:10px 18px;font-weight:700;text-decoration:none;transition:all .3s}.project-links a:hover{background:#fff;transform:translateY(-3px)}.journey{text-align:center;background:0 0;padding:110px 8%}.journey-tag{color:#38bdf8;letter-spacing:2px;margin-bottom:16px;font-size:14px;font-weight:700}.journey h2{margin-bottom:60px;font-size:42px}.journey-timeline{max-width:950px;margin:auto;position:relative}.journey-timeline:before{content:"";background:#38bdf859;width:3px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.journey-item{text-align:left;background:#0f172a94;border:1px solid #38bdf838;border-radius:22px;width:45%;margin-bottom:35px;padding:24px;transition:all .3s;position:relative}.journey-item:nth-child(odd){margin-right:auto}.journey-item:nth-child(2n){margin-left:auto}.journey-item:before{content:"";background:#38bdf8;border-radius:50%;width:18px;height:18px;position:absolute;top:28px;box-shadow:0 0 22px #38bdf8b3}.journey-item:nth-child(odd):before{right:-12.5%}.journey-item:nth-child(2n):before{left:-12.5%}.journey-item:hover{border-color:#38bdf8;transform:translateY(-8px);box-shadow:0 20px 45px #38bdf824}.journey-item span{color:#38bdf8;font-size:14px;font-weight:700}.journey-item h3{margin:12px 0;font-size:22px}.journey-item p{color:#cbd5e1;font-size:15px;line-height:1.7}@media (width<=768px){.journey{padding:90px 6%}.journey h2{font-size:34px}.journey-timeline:before{left:0}.journey-item{width:100%;margin-left:25px!important}.journey-item:before{left:-34px!important}}.contact{color:#fff;text-align:center;padding:100px 8%}.contact-header{margin-bottom:55px}.contact-tag{color:#38bdf8;letter-spacing:2px;margin-bottom:12px;font-size:14px;font-weight:600}.contact h2{margin-bottom:18px;font-size:58px}.contact-description{color:#cbd5e1;max-width:720px;margin:auto;font-size:18px;line-height:1.8}.contact-container{grid-template-columns:repeat(2,1fr);gap:28px;max-width:950px;margin:auto;display:grid}.contact-card{color:#fff;text-align:left;background:#0f172a8c;border:1px solid #38bdf82e;border-radius:22px;align-items:center;gap:20px;padding:28px;text-decoration:none;transition:all .35s;display:flex}.contact-card:hover{border-color:#38bdf8;transform:translateY(-8px);box-shadow:0 20px 45px #38bdf824}.contact-icon{color:#38bdf8;background:#38bdf81f;border-radius:18px;justify-content:center;align-items:center;min-width:65px;height:65px;font-size:28px;display:flex}.contact-card h3{margin-bottom:5px;font-size:22px}.contact-card p{color:#cbd5e1;font-size:15px}@media (width<=768px){.contact h2{font-size:42px}.contact-container{grid-template-columns:1fr}.contact-card{padding:22px}}.footer{background:0 0;padding:120px 8% 40px;position:relative;overflow:hidden}.footer-content{text-align:center}.footer-content h2{color:#fff;margin-bottom:24px;font-size:58px;font-weight:800}.footer-content h2 span{color:#38bdf8}.footer-content p{color:#cbd5e1;max-width:850px;margin:auto;font-size:22px;line-height:1.9}.footer-line{background:#38bdf8;border-radius:20px;width:120px;height:4px;margin:45px auto}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:70px;padding-top:25px;display:flex}.footer-bottom p{color:#94a3b8;font-size:15px}.scroll-top{color:#020617;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 0 25px #38bdf859}.scroll-top:hover{transform:translateY(-6px)scale(1.08);box-shadow:0 0 35px #38bdf88c}@media (width<=768px){.footer{padding:90px 6% 35px}.footer-content h2{font-size:38px}.footer-content p{font-size:17px;line-height:1.8}.footer-bottom{flex-direction:column;gap:20px}}.footer-code{color:#38bdf859;text-align:left;flex-direction:column;gap:6px;font-family:monospace;font-size:15px;animation:4s ease-in-out infinite floatCode;display:flex;position:absolute;bottom:35px;left:80px}.footer-code span{letter-spacing:1px}@keyframes floatCode{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.footer-code{display:none}}.loader{background:#020617;justify-content:center;align-items:center;height:100vh;display:flex}.loader:after{content:"";border:6px solid #1e293b;border-top-color:#38bdf8;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}.hero button,.project-links a,.contact-links a{animation:2.5s infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #38bdf840}50%{box-shadow:0 0 30px #38bdf88c}}@media (width<=1100px){.project-container,.skills-container{grid-template-columns:repeat(2,1fr)}.hero-left h1{font-size:44px}}@media (width<=992px){.hero-content,.about-container{text-align:center;grid-template-columns:1fr}.hero-description,.hero-quote{margin-left:auto;margin-right:auto}.hero-buttons,.hero-highlights{justify-content:center}.hero-right img{width:300px;height:360px}}@media (width<=768px){.navbar-wrapper{padding:0 10px;top:10px}.navbar{border-radius:24px;flex-direction:column;gap:12px;width:100%;padding:12px 16px}.nav-links{flex-wrap:wrap;justify-content:center;gap:18px}.nav-links a{font-size:14px}.logo{font-size:20px}.hero{padding:190px 6% 80px}.hero-left h1{font-size:36px}.typing-text{font-size:22px}.hero-description,.hero-quote{font-size:16px}.about,.skills,.projects,.contact{padding:80px 6%}.about-grid,.skills-container,.project-container{grid-template-columns:1fr}.contact-links,.project-links{flex-direction:column}}body.dark{color:#fff;background:radial-gradient(circle at 0 0,#38bdf82e,#0000 28%),linear-gradient(135deg,#020617,#0f172a)}body.light{color:#020617;background:radial-gradient(circle at 0 0,#38bdf829,#0000 28%),linear-gradient(135deg,#f8fafc,#e2e8f0)}.theme-toggle{color:#020617;cursor:pointer;background:#38bdf8;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;transition:all .3s;display:flex}.theme-toggle:hover{background:#fff;transform:translateY(-3px)}.floating-icons{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.float-icon{color:#38bdf82e;font-size:55px;animation:8s ease-in-out infinite floatTech;position:absolute}.icon-1{top:18%;left:6%}.icon-2{animation-delay:1s;top:35%;right:8%}.icon-3{animation-delay:2s;bottom:18%;left:10%}.icon-4{animation-delay:3s;bottom:28%;right:12%}.icon-5{animation-delay:4s;top:65%;left:45%}.icon-6{animation-delay:5s;top:12%;right:35%}@keyframes floatTech{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(8deg)}}.navbar,.hero,.about,.featured-project-section,.projects,.skills,.journey,.contact,.footer{z-index:1;position:relative}body.light .navbar,body.light .project-card,body.light .skill-card,body.light .about-main-card,body.light .about-info-card,body.light .journey-item,body.light .contact-card{color:#020617;background:#ffffffbf}body.light p,body.light .hero-description,body.light .hero-quote,body.light .project-content p,body.light .skill-tags span,body.light .journey-item p,body.light .contact-card p,body.light .footer-content p,body.light .nav-links a{color:#334155}