*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-decoration:none;list-style:none;scroll-behavior:smooth}:root{--bg-primary: #1a1e2e;--bg-secondary: #141829;--bg-tertiary: #1f2540;--text-primary: #f5f0e8;--text-secondary: #cce4f7;--text-muted: #99bdd6;--accent-primary: #cce4f7;--accent-secondary: #99bdd6;--accent-tertiary: #2d3561;--accent-gold: #e8d8b8;--tech-cyan: #b8d8f0;--neon-purple: #a8b8d8;--gradient-primary: linear-gradient(135deg, #f5f0e8 0%, #cce4f7 50%, #99bdd6 100%);--gradient-secondary: linear-gradient(135deg, #cce4f7 0%, #e8d8b8 50%, #f5f0e8 100%);--gradient-tech: linear-gradient(135deg, #e8d8b8 0%, #cce4f7 50%, #99bdd6 100%);--gradient-cosmic: linear-gradient(135deg, #1a1e2e 0%, #2d3561 50%, #1f2540 100%);--gradient-glow: linear-gradient(135deg, rgba(204, 228, 247, .12), rgba(232, 216, 184, .09), rgba(153, 189, 214, .08));--gradient-btn: linear-gradient(135deg, #f5f0e8 0%, #cce4f7 50%, #e8d8b8 100%);--gradient-btn-bg: linear-gradient(135deg, #2d3561 0%, #4a6080 50%, #7b9bb5 100%);--glass-bg: rgba(26, 30, 46, .75);--glass-border: rgba(204, 228, 247, .22);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--glow-primary: 0 0 20px rgba(204, 228, 247, .35);--glow-secondary: 0 0 25px rgba(153, 189, 214, .28);--glow-tertiary: 0 0 20px rgba(45, 53, 97, .4)}@keyframes emerge{0%{opacity:0;transform:translateY(100px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes stackReveal{0%{opacity:0;transform:translateY(50px) rotateX(10deg) scale(.95)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{background:var(--bg-primary);background-image:linear-gradient(#1a1e2ed1,#141829e0),url(/space-bg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;color:var(--text-primary);overflow-x:hidden;line-height:1.6;perspective:1000px}.app{position:relative;z-index:1}.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 5%;background:#1a1e2ee0;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:1px solid rgba(184,212,232,.15);box-shadow:0 4px 30px #0006,0 0 1px #b8d4e826;transition:all .3s ease}.header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--gradient-btn);opacity:.4;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(100%);opacity:1}}.logo{font-size:2rem;font-weight:700;background:var(--gradient-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(184,212,232,.4));transition:all .3s ease;letter-spacing:-.5px}.logo:hover{filter:drop-shadow(0 0 20px rgba(184,212,232,.6));transform:scale(1.05)}.navbar{display:flex;gap:2.5rem;align-items:center}.navbar a{font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .3s ease;position:relative;padding:.5rem 0;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.navbar a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-btn);transition:width .3s ease;box-shadow:var(--glow-primary)}.navbar a:hover:after,.navbar a.active:after{width:100%}.navbar a:hover,.navbar a.active{color:var(--text-primary);text-shadow:0 0 10px rgba(184,212,232,.4)}#menu-icon{font-size:2rem;color:var(--accent-primary);display:none;cursor:pointer;transition:transform .3s ease}#menu-icon:hover{transform:rotate(90deg)}@media (max-width: 768px){.navbar{position:absolute;top:100%;left:0;width:100%;background:#1a1e2ebf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;text-align:center;padding:2rem 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid rgba(184,212,232,.18)}.navbar.active{transform:translateY(0);opacity:1;visibility:visible}.navbar a{display:block;margin:1rem 0;padding:1rem}#menu-icon{display:block}}.home{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--text-primary);position:relative;padding:2rem;overflow:hidden;animation:emerge 1.2s ease-out forwards;opacity:0}.home:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(184,212,232,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-content{display:flex;justify-content:center;align-items:center;gap:5rem;flex-wrap:wrap;max-width:1400px;width:100%;position:relative;z-index:2}.home .img{width:380px;height:380px;border-radius:50%;overflow:hidden;position:relative;z-index:2;border:3px solid transparent;background:var(--gradient-btn);padding:3px;box-shadow:0 0 30px #b8d4e840,0 0 60px #7b9bb533,0 0 90px #2d356133;animation:float 6s ease-in-out infinite;transition:all .4s ease}.home .img:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--gradient-btn);opacity:0;transition:opacity .4s ease;z-index:-1;animation:rotate 10s linear infinite}.home .img:hover:before{opacity:1}.home .img:hover{transform:scale(1.05);box-shadow:0 0 40px #b8d4e84d,0 0 80px #7b9bb540,0 0 120px #2d356140}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.home .img img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;transition:transform .5s ease;display:block}.home .img:hover img{transform:scale(1.02)}.profile-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(184,212,232,.12) 0%,rgba(45,53,97,.12) 40%,transparent 70%);animation:rotate 15s linear infinite;pointer-events:none;z-index:-1}.home .content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:2;max-width:600px}.home .content h3{font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:3px;font-size:1rem}.home .content h1{font-size:4.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-btn);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 5s ease infinite;line-height:1.2;letter-spacing:-2px}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home .content p{font-size:1.5rem;margin-bottom:2rem;color:var(--text-secondary);font-weight:300}.home .content .btn{display:inline-block;padding:1rem 2.5rem;font-size:1rem;font-weight:600;color:#f5f0e8;background:var(--gradient-btn-bg);border-radius:50px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 18px #2d356199,0 0 8px #99bdd659;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(204,228,247,.3);cursor:pointer}.home .content .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.home .content .btn:hover:before{width:300px;height:300px}.home .content .btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #b8d4e873,0 0 60px #2d356159}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.mouse{width:30px;height:50px;border:2px solid var(--accent-primary);border-radius:20px;position:relative;box-shadow:var(--glow-primary);opacity:.8}.wheel{width:4px;height:10px;background:var(--accent-primary);border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 5px var(--accent-primary)}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 0 15px #b8d4e84d,0 0 25px #7b9bb540;transition:transform .1s ease,opacity .1s ease;mix-blend-mode:screen}.cursor-follower{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid var(--accent-primary);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .15s ease,width .2s ease,height .2s ease;opacity:.6;box-shadow:0 0 10px #b8d4e840}.cursor-follower-clicked{width:60px;height:60px;border-color:var(--accent-tertiary)}section{padding:8rem 5%;position:relative;z-index:1;transform-style:preserve-3d;animation:stackReveal .8s ease-out forwards;opacity:0}section:nth-child(2n){background:#1a1e2e99;border-radius:30px;margin:2rem 0;box-shadow:0 10px 40px #000c,0 0 20px #b8d4e814;transform:translateZ(20px)}section:nth-child(odd){background:transparent;transform:translateZ(0)}section.visible{animation:emerge 1s ease-out forwards}.section-title{font-size:3rem;font-weight:700;background:var(--gradient-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;text-align:center;position:relative;display:inline-block;letter-spacing:-1px}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-btn);border-radius:2px;box-shadow:var(--glow-primary)}.about{text-align:center}.about .title{max-width:900px;margin:0 auto}.about p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;color:var(--text-secondary);max-width:800px;margin-left:auto;margin-right:auto}.itachi-quote{margin-top:3rem;padding:2rem;max-width:700px;margin-left:auto;margin-right:auto;border-left:3px solid var(--accent-gold);background:#1a141480;border-radius:8px;box-shadow:0 4px 20px #cc000026}.quote-text{font-size:1.15rem!important;font-style:italic;color:var(--text-primary)!important;line-height:1.9!important;margin-bottom:1rem!important;text-align:left!important}.quote-author{font-size:1rem!important;color:var(--accent-gold)!important;font-weight:600;text-align:right!important;margin-bottom:0!important}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.project{background:#1a1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:2.5rem;border-radius:20px;border:1px solid rgba(184,212,232,.15);box-shadow:0 8px 32px #0006,0 0 1px #b8d4e82e;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:left;position:relative;overflow:hidden;transform-style:preserve-3d;transform:perspective(1000px) rotateX(0) translateZ(0)}.project:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,212,232,.1),transparent);transition:left .5s}.project:hover:before{left:100%}.project:hover{transform:perspective(1000px) rotateX(-2deg) translateY(-15px) translateZ(20px);border-color:var(--accent-primary);box-shadow:0 20px 60px #00000080,0 0 40px #b8d4e84d,var(--glow-primary)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.project-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);background:var(--gradient-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.project-date{font-size:.875rem;color:var(--text-secondary);font-weight:500}.project p{font-size:1rem;margin-bottom:1.5rem;line-height:1.7;color:var(--text-secondary)}.project-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.project a{display:inline-block;padding:.7rem 1.5rem;font-size:.875rem;font-weight:500;color:#f5f0e8;background:var(--gradient-btn-bg);border-radius:25px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden}.project a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.project a:hover:before{width:300px;height:300px}.project a:hover{transform:translateY(-2px);box-shadow:var(--glow-primary)}.Skills .title{text-align:center;margin-bottom:3rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skill-section{background:#1a1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:2.5rem;border-radius:20px;border:1px solid rgba(184,212,232,.15);box-shadow:0 8px 32px #0006,0 0 1px #b8d4e82e;transition:all .3s ease;position:relative;overflow:hidden}.skill-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(184,212,232,.08) 0%,transparent 70%);animation:rotate 15s linear infinite;pointer-events:none}.skill-section:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--glow-primary)}.skill-section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;background:var(--gradient-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-section ul{list-style:none}.skill-section ul li{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:10px;transition:all .3s ease;cursor:pointer;color:var(--text-secondary)}.skill-section ul li:hover{background:#b8d4e81a;transform:translate(10px);color:var(--text-primary)}.skill-section ul li i{font-size:1.5rem;color:var(--accent-primary);filter:drop-shadow(0 0 5px rgba(184,212,232,.4))}.education{text-align:center}.education-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.education-item{background:#1a1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:2.5rem;border-radius:20px;border:1px solid rgba(184,212,232,.15);box-shadow:0 8px 32px #0006,0 0 1px #b8d4e82e;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.education-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,212,232,.1),transparent);transition:left .5s}.education-item:hover:before{left:100%}.education-item:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--glow-primary)}.education-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.education-header h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);background:var(--gradient-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.education-period{font-size:.875rem;color:var(--text-secondary);font-weight:500}.education-institution{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.education-grade{font-size:.9rem;color:var(--accent-primary);font-weight:500}.certifications{text-align:center}.certifications-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.certification-item{background:#1a1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:2.5rem;border-radius:20px;border:1px solid rgba(184,212,232,.15);box-shadow:0 8px 32px #0006,0 0 1px #b8d4e82e;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.certification-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,212,232,.1),transparent);transition:left .5s}.certification-item:hover:before{left:100%}.certification-item:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--glow-primary)}.certification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.certification-header h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);background:var(--gradient-btn);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.certification-date{font-size:.875rem;color:var(--text-secondary);font-weight:500}.certification-issuer{font-size:1rem;color:var(--accent-primary);margin-bottom:1rem;font-weight:500}.certification-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.certification-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--accent-primary);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.certification-link:hover{color:var(--text-primary);transform:translate(5px)}.certification-link i{font-size:1rem;transition:transform .3s ease}.certification-link:hover i{transform:translate(3px)}.Social{text-align:center}.social-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.social-link{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:#1a1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1.2rem 2rem;border-radius:50px;border:1px solid rgba(204,228,247,.22);text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d,0 0 1px #cce4f738;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--gradient-btn-bg);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.social-link:hover:before{width:300px;height:300px}.social-link:hover{color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-3px)}.social-link i{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(184,212,232,.4));transition:all .3s ease}.social-link:hover i{filter:drop-shadow(0 0 15px rgba(184,212,232,.6));transform:scale(1.1)}.resume{text-align:center}.resume-container{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.resume-link{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:#1a1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1.2rem 2rem;border-radius:50px;border:1px solid rgba(204,228,247,.22);text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d,0 0 1px #cce4f738;position:relative;overflow:hidden}.resume-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--gradient-btn-bg);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.resume-link:hover:before{width:300px;height:300px}.resume-link:hover{color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-3px)}.resume-link i{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(184,212,232,.4));transition:all .3s ease}.resume-link:hover i{filter:drop-shadow(0 0 15px rgba(184,212,232,.6));transform:scale(1.1)}.contact{padding:5rem 5%;background:transparent;text-align:center;border-top:1px solid rgba(184,212,232,.18)}.contact .footer-content{margin-bottom:2rem}.contact p{font-size:1rem;margin-bottom:2rem;color:var(--text-secondary)}.contact .contact-details{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact .contact-link{display:flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .3s ease;padding:1rem 1.5rem;border-radius:50px;border:1px solid rgba(184,212,232,.18);background:#1a1e2ea6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.contact .contact-link:hover{color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-3px);background:#0f142299}.contact .contact-link i{font-size:1.3rem;filter:drop-shadow(0 0 5px rgba(184,212,232,.4));transition:all .3s ease}.contact .contact-link:hover i{filter:drop-shadow(0 0 15px rgba(184,212,232,.6));transform:scale(1.1)}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.6}@media (max-width: 768px){.home-content{flex-direction:column;gap:2rem}.home .img{width:280px;height:280px}.home .content h1{font-size:3rem}section{padding:5rem 3%}.section-title{font-size:2.5rem}.projects-container,.skills-container{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){*{transition:background-color .3s ease,color .3s ease,transform .3s ease}}