:root{--bg-color:#0d0d0f;--bg-grid:#1a1a20;--purple-space:#1c0e35;--text-color:#e0e0e0;--text-muted:#888;--accent-color:#6366f1;--accent-secondary:#a855f7;--glass-bg:#0d0d0fe6;--glass-border:#ffffff14;--border-color:#333340;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial}body{font-family:var(--font-body);background-color:var(--bg-color);background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);color:var(--text-color);background-size:40px 40px;line-height:1.6;overflow-x:hidden}.mono-text{font-family:var(--font-mono);letter-spacing:1px;font-size:.85rem}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}.gradient-text{background:linear-gradient(to right, var(--accent-color), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}.section-title{text-align:center;margin-bottom:3rem;font-size:3rem}.navbar{z-index:100;background:var(--purple-space);border:1px solid var(--border-color);justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:900px;margin:0 auto;padding:10px 24px;display:flex;position:fixed;top:20px;left:0;right:0}.logo{font-family:var(--font-display);letter-spacing:-.5px;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-color)}.btn-corner-accent{color:var(--text-color);border:1px solid #0000;padding:.6rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.btn-corner-accent:before,.btn-corner-accent:after{content:"";border:1px solid var(--text-color);width:8px;height:8px;transition:all .3s;position:absolute}.btn-corner-accent:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.btn-corner-accent:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.btn-corner-accent:hover{background:var(--text-color);color:var(--bg-color)}.btn-corner-accent:hover:before,.btn-corner-accent:hover:after{border-color:#0000}.btn-primary{background:var(--text-color);color:var(--bg-color);font-weight:700;font-family:var(--font-mono);letter-spacing:1px;padding:1rem 2rem;font-size:.9rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:4px 4px #fff3}.btn-secondary{border:1px solid var(--border-color);color:var(--text-color);font-weight:700;font-family:var(--font-mono);letter-spacing:1px;background:0 0;padding:1rem 2rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{border-color:var(--text-color);background:#ffffff0d}.hero{background:radial-gradient(ellipse 80% 60% at 50% 50%, var(--purple-space) 0%, transparent 70%);justify-content:center;align-items:center;gap:6rem;width:100%;min-height:100vh;padding:0 4rem;display:flex}.hero-content{flex:1;max-width:560px}.hero .subtitle{color:var(--accent-secondary);font-size:1.5rem;font-family:var(--font-mono);letter-spacing:2px;margin-bottom:1rem}.hero .title{letter-spacing:-2px;margin-bottom:2rem;font-size:6rem;font-weight:800;line-height:1}.hero .description{color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem}.hero-actions{gap:1rem;display:flex}.hero-image-wrapper{flex:1;justify-content:center;max-width:440px;display:flex}.glass-mockup{border:1px solid var(--border-color);background:0 0;width:400px;height:550px;padding:1rem;position:relative;overflow:hidden}.glass-mockup:after{content:"";border-top:2px solid var(--accent-color);border-left:2px solid var(--accent-color);width:10px;height:10px;position:absolute;top:0;left:0}.glass-mockup:before{content:"";border-bottom:2px solid var(--accent-color);border-right:2px solid var(--accent-color);width:10px;height:10px;position:absolute;bottom:0;right:0}.hero-mockup-img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s}.hero-mockup-img:hover{filter:grayscale(0%)}.about{background:linear-gradient(#0000,#6366f10d)}.about-text{text-align:center;max-width:800px;margin:0 auto}.about-text p{color:var(--text-muted);margin-bottom:4rem;font-size:1.25rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.stat-box{background:var(--bg-color);border:1px solid var(--border-color);padding:2rem;transition:transform .3s,border-color .3s;position:relative}.stat-box:before{content:"+";font-family:var(--font-mono);color:var(--border-color);position:absolute;top:10px;left:10px}.stat-box:hover{border-color:var(--accent-color);transform:translateY(-5px)}.stat-box h3{font-size:1.5rem;font-family:var(--font-mono);margin-bottom:.5rem}.stat-box p{color:var(--text-muted);margin-bottom:0;font-size:1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.skill-category{background:var(--bg-color);border:1px solid var(--border-color);padding:2.5rem}.skill-category h3{color:var(--accent-color);font-size:1.25rem;font-family:var(--font-mono);border-bottom:1px dashed var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.skill-list{list-style:none}.skill-list li{border-bottom:1px solid var(--glass-border);color:var(--text-muted);padding:1rem 0;font-size:1.1rem}.skill-list li:last-child{border-bottom:none}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--border-color);width:1px;height:100%;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:4rem;padding-left:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--accent-color);z-index:2;width:8px;height:8px;position:absolute;top:5px;left:17px}.timeline-content{border:1px solid var(--border-color);background:0 0;padding:2rem;transition:transform .3s}.timeline-content:hover{border-color:var(--text-color);transform:translate(10px)}.timeline-date{color:var(--accent-color);font-size:.875rem;font-family:var(--font-mono);letter-spacing:1px;margin-bottom:1rem;display:inline-block}.timeline-content h3{margin-bottom:.25rem;font-size:1.5rem}.timeline-content h4{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem;font-weight:400}.project-cards{grid-template-columns:1fr;gap:4rem;display:grid}.project-card{align-items:center;gap:4rem;display:flex}.project-card:nth-child(2n){flex-direction:row-reverse}.project-image{border:1px solid var(--border-color);aspect-ratio:16/10;background:var(--bg-color);flex:1.2;padding:.5rem;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{flex:1}.project-info h3{margin-bottom:1rem;font-size:2.5rem}.project-info p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.project-tags{flex-wrap:wrap;gap:.75rem;display:flex}.project-tags span{border:1px solid var(--border-color);font-size:.75rem;font-family:var(--font-mono);color:var(--text-color);background:0 0;padding:.25rem .75rem}.contact{text-align:center;padding-bottom:4rem}.contact-subtitle{color:var(--text-muted);margin-bottom:4rem;font-size:1.25rem}.contact-methods{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.contact-method{border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-mono);background:0 0;align-items:center;gap:1rem;padding:1.5rem 2rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.contact-method:hover{background:#ffffff0d;transform:translateY(-5px)}.contact-method .icon{font-size:1.5rem}.footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem;font-family:var(--font-mono);padding:2rem}@media (width<=1024px){.hero .title{font-size:5rem}.project-card,.project-card:nth-child(2n){flex-direction:column}.project-image{width:100%}}@media (width<=768px){.navbar{padding:1rem 2rem}.nav-links{display:none}.hero{text-align:center;flex-direction:column;justify-content:center;padding:6rem 2rem}.hero-actions{justify-content:center}.hero-image-wrapper{justify-content:center;margin-top:4rem}.stats-grid{grid-template-columns:1fr}.timeline:before{left:10px}.timeline-dot{left:1px}.timeline-item{padding-left:40px}}