:root{--bg-color:#050505;--surface-color:#14141499;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent-color:#0ea5e9;--accent-alt:#8b5cf6;--accent-hover:#38bdf8;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;cursor:none;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;position:relative;overflow-x:hidden}.cursor-dot,.cursor-outline{z-index:9999;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background-color:var(--accent-color);width:8px;height:8px;box-shadow:0 0 10px var(--accent-color)}.cursor-outline{border:2px solid var(--accent-alt);width:40px;height:40px;transition:width .2s,height .2s,background-color .2s}.cursor-hover .cursor-outline{border-color:var(--accent-color);background-color:#8b5cf61a;width:60px;height:60px}.particles{z-index:-1;background:radial-gradient(circle at center, #0a0a0a 0%, var(--bg-color) 100%);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{background:linear-gradient(135deg, var(--accent-color), var(--accent-alt));opacity:.3;border-radius:50%;animation:20s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.4}90%{opacity:.1}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}h1,h2,h3,h4{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg, var(--accent-color), var(--accent-alt));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-text-alt{background:linear-gradient(135deg,#f43f5e,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.section-title{text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900}.text-center{text-align:center}.glass-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#1e1e1e99,#0a0a0acc);border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000080}.glass-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#0ea5e91a,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.glass-card:hover{border-color:#0ea5e94d;box-shadow:0 10px 40px #0ea5e926}.tilt-card{transform-style:preserve-3d;transform:perspective(1000px)}.tilt-card>*{transform:translateZ(30px)}.btn{text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-family:var(--font-heading);z-index:1;border-radius:50px;padding:1rem 2.5rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.primary-btn{background:linear-gradient(135deg, var(--accent-color), var(--accent-alt));color:#fff;border:none}.primary-btn:before{content:"";background:linear-gradient(135deg, var(--accent-alt), var(--accent-color));z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.primary-btn:hover:before{opacity:1}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #0ea5e999}.secondary-btn{color:#fff;border:2px solid var(--accent-color);background-color:#0000}.secondary-btn:hover{background-color:var(--accent-color);color:#fff;box-shadow:0 0 15px #0ea5e966}.glass-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05050580;border-bottom:1px solid #ffffff05;width:100%;transition:all .4s;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;transition:padding .4s;display:flex}.glass-nav.scrolled{background:#050505e6;border-bottom:1px solid #0ea5e933;box-shadow:0 4px 30px #000c}.glass-nav.scrolled .nav-content{padding-top:1rem;padding-bottom:1rem}.logo{font-family:var(--font-heading);color:#fff;letter-spacing:-1px;font-size:1.8rem;font-weight:900;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hero{justify-content:center;align-items:center;min-height:100vh;padding:0 2rem;display:flex;position:relative}.hero-content{z-index:10;text-align:center;max-width:900px;position:relative}.greeting{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:1rem;font-size:1.5rem}.name{margin-bottom:1rem;font-size:clamp(3.5rem,8vw,6rem);line-height:1.1}.role{color:#fff;height:4rem;margin-bottom:2rem;font-size:clamp(1.8rem,4vw,3rem)}.summary-text{max-width:700px;color:var(--text-secondary);margin:0 auto 3rem;font-size:1.25rem}.hero-cta{justify-content:center;gap:1.5rem;display:flex}.scroll-indicator{opacity:.7;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator p{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.mouse{border:2px solid var(--text-secondary);border-radius:20px;width:30px;height:50px;position:relative}.wheel{background:var(--accent-color);border-radius:2px;width:4px;height:10px;animation:2s infinite scrollWheel;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;top:10px}to{opacity:0;top:25px}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0}.about-grid{grid-template-columns:1fr;display:grid}.about-text p{margin-bottom:1.5rem;font-size:1.15rem}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-top:3rem;display:grid}.stat-item{text-align:center;background:#0000004d;border:1px solid #ffffff05;border-radius:16px;padding:2rem;transition:transform .4s,border-color .4s}.stat-item:hover{border-color:var(--accent-alt);transform:translateY(-10px)}.stat-item h3{margin-bottom:.5rem;font-size:3rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.skill-category h3{color:#fff;margin-bottom:1.5rem;font-size:1.4rem}.skill-tags{flex-wrap:wrap;gap:1rem;display:flex}.skill-tags span{color:#fff;background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:30px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .3s}.skill-tags span:hover{background:var(--accent-color);color:#000;transform:translateY(-5px)scale(1.1);box-shadow:0 10px 20px #0ea5e966}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;display:grid}.project-card{flex-direction:column;display:flex}.project-content h3{margin-bottom:.5rem;font-size:1.8rem}.tech-stack{color:var(--accent-alt);margin-bottom:1.5rem;font-family:monospace;font-size:.9rem}.project-content .desc{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:1.05rem}.project-links{gap:1.5rem;margin-top:auto;display:flex}.project-link{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:700;text-decoration:none;position:relative}.project-link:after{content:"↗";color:var(--accent-color);margin-left:5px;transition:transform .3s;display:inline-block}.project-link:hover:after{transform:translate(3px,-3px)}.achievements-edu-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:5rem;display:grid}.timeline{padding-left:2.5rem;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-color), var(--accent-alt));width:2px;height:0;transition:height 1.5s ease-out;position:absolute;top:0;left:0}.timeline.draw-line:before{height:100%}.timeline li{opacity:0;margin-bottom:3rem;transition:all .6s;position:relative;transform:translate(-30px)}.timeline.draw-line li{opacity:1;transform:translate(0)}.timeline.draw-line li:first-child{transition-delay:.2s}.timeline.draw-line li:nth-child(2){transition-delay:.4s}.timeline.draw-line li:nth-child(3){transition-delay:.6s}.timeline.draw-line li:nth-child(4){transition-delay:.8s}.timeline.draw-line li:nth-child(5){transition-delay:1s}.timeline-dot{background:var(--bg-color);border:3px solid var(--accent-color);border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;top:.3rem;left:-2.95rem}.timeline.draw-line .timeline-dot{background:var(--accent-color);box-shadow:0 0 15px var(--accent-color)}.timeline h4{margin-bottom:.5rem;font-size:1.3rem}.timeline p{color:var(--text-secondary);font-size:1rem}.contact-text{max-width:600px;margin:0 auto 3rem;font-size:1.2rem}.footer{text-align:center;background:#0a0a0acc;border-top:1px solid #ffffff0d;margin-top:5rem;padding:3rem}.social-links{justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.social-links a{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s}.social-links a:hover{color:var(--accent-color)}.reveal,.reveal-up{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(60px)}.reveal-left{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translate(-100px)}.reveal-right{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translate(100px)}.reveal-scale{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:scale(.9)}.reveal.active,.reveal-up.active,.reveal-left.active,.reveal-right.active,.reveal-scale.active{opacity:1;transform:translate(0)scale(1)}.stagger-children>*{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.stagger-children.active>*{opacity:1;transform:translateY(0)}.stagger-children.active>:first-child{transition-delay:.1s}.stagger-children.active>:nth-child(2){transition-delay:.2s}.stagger-children.active>:nth-child(3){transition-delay:.3s}.stagger-children.active>:nth-child(4){transition-delay:.4s}.section-divider{height:150px;position:relative;overflow:hidden}.section-divider:before{content:"";background:linear-gradient(135deg,#0ea5e905 0%,#0000 50%,#8b5cf608 100%);position:absolute;inset:0}.section-divider .divider-line{background:linear-gradient(90deg, transparent, var(--accent-alt), var(--accent-color), transparent);width:0;height:1px;transition:width 1.5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-divider.active .divider-line{width:70%}.type-cursor{width:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){.hero-cta{flex-direction:column}.nav-links,.cursor-dot,.cursor-outline{display:none}*{cursor:auto}}