@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";html{background:#090909}body{min-width:320px;margin:0}:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#090909;font-family:Manrope,sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:#f5f5f5;background:#090909}a{color:inherit;text-decoration:none}.portfolio{overflow:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#090909e0;border-bottom:1px solid #1c1c1c;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 7%;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-1px;font-size:25px;font-weight:800}.nav-links{gap:35px;display:flex}.nav-links a{color:#999;font-family:DM Mono,monospace;font-size:12px;transition:all .3s}.nav-links a:hover{color:#d7ff64}.nav-button{border:1px solid #333;border-radius:5px;padding:11px 18px;font-size:12px;transition:all .3s}.nav-button:hover{color:#d7ff64;border-color:#d7ff64}.hero{justify-content:space-between;align-items:center;gap:80px;min-height:calc(100vh - 80px);padding:100px 7%;display:flex;position:relative}.hero:before{content:"";opacity:.035;filter:blur(120px);background:#d7ff64;border-radius:50%;width:500px;height:500px;position:absolute;top:50px;left:-200px}.hero-content{z-index:1;max-width:750px;position:relative}.hero-small,.section-heading p,.contact-small{letter-spacing:2px;color:#777;margin-bottom:25px;font-family:DM Mono,monospace;font-size:11px}.green-dot{background:#d7ff64;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block;box-shadow:0 0 10px #d7ff64}.hero h1{letter-spacing:-6px;margin-bottom:30px;font-size:clamp(60px,8vw,115px);font-weight:800;line-height:.95}.hero h1 span,.section-heading h2 span,.contact-section h2 span{color:#d7ff64}.hero h2{color:#ddd;margin-bottom:20px;font-size:21px;font-weight:500}.hero-description{color:#888;max-width:600px;font-size:15px;line-height:1.8}.hero-buttons{gap:15px;margin-top:35px;display:flex}.primary-button,.secondary-button{border-radius:5px;align-items:center;gap:15px;padding:15px 22px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.primary-button{color:#090909;background:#d7ff64}.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d7ff641f}.secondary-button{color:#ddd;border:1px solid #333}.secondary-button:hover{color:#d7ff64;border-color:#d7ff64}.hero-side{flex-shrink:0;width:430px}.code-card{background:#101010;border:1px solid #252525;border-radius:8px;transition:all .5s;transform:rotate(2deg);box-shadow:0 30px 80px #0006}.code-card:hover{transform:rotate(0)translateY(-5px)}.code-top{border-bottom:1px solid #242424;align-items:center;gap:7px;height:42px;padding:0 15px;display:flex}.code-top span{background:#444;border-radius:50%;width:9px;height:9px}.code-content{color:#aaa;padding:30px;font-family:DM Mono,monospace;font-size:12px;line-height:2.3}.indent{padding-left:20px}.purple{color:#c792ea}.blue{color:#82aaff}.orange{color:#f78c6c}.comment{color:#555;margin-top:15px}.section{border-top:1px solid #181818;padding:130px 7%}.section-heading{margin-bottom:65px}.section-heading h2{letter-spacing:-3px;max-width:700px;font-size:clamp(38px,5vw,65px);line-height:1.05}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:100px;display:grid}.about-text p{color:#999;max-width:700px;margin-bottom:25px;font-size:16px;line-height:1.9}.about-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{background:#0d0d0d;border:1px solid #242424;min-height:150px;padding:30px;transition:all .3s}.stat-card:hover{border-color:#444;transform:translateY(-3px)}.stat-card h3{color:#d7ff64;margin-bottom:10px;font-size:35px}.stat-card p{color:#777;font-size:12px}.skills-section{background:#0c0c0c}.skills-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.skill-card{background:#101010;border:1px solid #242424;min-height:260px;padding:40px;transition:all .3s;position:relative}.skill-card:hover{border-color:#454545;transform:translateY(-4px)}.skill-number{color:#555;margin-bottom:35px;font-family:DM Mono,monospace;font-size:11px}.skill-card h3{margin-bottom:12px;font-size:25px}.skill-card>p{color:#777;margin-bottom:25px;font-size:13px;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#aaa;background:#151515;border:1px solid #292929;border-radius:3px;padding:7px 11px;font-family:DM Mono,monospace;font-size:10px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.project-card{background:#0d0d0d;border:1px solid #242424;flex-direction:column;justify-content:space-between;min-height:370px;padding:35px;transition:all .4s;display:flex}.project-card:hover{border-color:#555;transform:translateY(-5px)}.featured-project{background:linear-gradient(145deg,#121212,#0c0c0c)}.project-top{justify-content:space-between;align-items:center;display:flex}.project-icon{color:#555;font-family:DM Mono,monospace;font-size:12px}.project-arrow{color:#666;font-size:25px;transition:all .3s}.project-card:hover .project-arrow{color:#d7ff64;transform:translate(3px,-3px)}.project-type{letter-spacing:1.5px;color:#666;margin-bottom:12px;font-family:DM Mono,monospace;font-size:9px}.project-card h3{margin-bottom:15px;font-size:32px}.project-description{color:#888;max-width:500px;margin-bottom:25px;font-size:13px;line-height:1.8}.experience-section{background:#0c0c0c}.timeline{border-left:1px solid #2b2b2b;max-width:900px;margin-left:10px}.timeline-item{padding:0 0 70px 50px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:#d7ff64;border-radius:50%;width:11px;height:11px;position:absolute;top:5px;left:-6px;box-shadow:0 0 15px #d7ff6466}.timeline-date,.education-year{color:#666;letter-spacing:1px;margin-bottom:12px;font-family:DM Mono,monospace;font-size:10px}.timeline-content h3{margin-bottom:5px;font-size:27px}.timeline-content h4{color:#d7ff64;margin-bottom:20px;font-weight:500}.timeline-content>p{color:#888;max-width:700px;margin-bottom:20px;font-size:13px;line-height:1.8}.education-card{background:#101010;border:1px solid #292929;justify-content:space-between;align-items:center;max-width:1000px;padding:45px;display:flex}.education-card h3{margin-bottom:8px;font-size:30px}.education-card h4{color:#d7ff64;margin-bottom:15px;font-weight:500}.education-card p:last-child{color:#777}.education-badge{text-align:center;color:#d7ff64;border:1px solid #333;justify-content:center;align-items:center;width:100px;height:100px;font-family:DM Mono,monospace;font-size:11px;display:flex}.contact-section{text-align:center;background:#0c0c0c;border-top:1px solid #181818;padding:150px 7%}.contact-content{max-width:850px;margin:auto}.contact-small{margin-bottom:30px}.contact-section h2{letter-spacing:-4px;margin-bottom:30px;font-size:clamp(45px,7vw,85px);line-height:1}.contact-section>.contact-content>p:not(.contact-small){color:#888;max-width:600px;margin:auto;font-size:14px;line-height:1.8}.contact-button{margin-top:35px}.social-links{justify-content:center;gap:30px;margin-top:50px;display:flex}.social-links a{color:#777;font-family:DM Mono,monospace;font-size:11px;transition:all .3s}.social-links a:hover{color:#d7ff64}footer{color:#555;border-top:1px solid #1d1d1d;justify-content:space-between;padding:25px 7%;font-family:DM Mono,monospace;font-size:10px;display:flex}@media (width<=950px){.hero{flex-direction:column;align-items:flex-start}.hero-side{width:100%;max-width:600px}.about-grid{grid-template-columns:1fr;gap:50px}}@media (width<=700px){.navbar{padding:0 5%}.nav-links{display:none}.hero,.section,.contact-section{padding-left:5%;padding-right:5%}.hero{padding-top:80px;padding-bottom:80px}.hero h1{letter-spacing:-4px;font-size:62px}.hero h2{font-size:17px}.hero-side{width:100%}.code-content{padding:20px;font-size:10px}.skills-grid,.projects-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.section{padding-top:90px;padding-bottom:90px}.section-heading{margin-bottom:45px}.section-heading h2{letter-spacing:-2px}.project-card{min-height:330px}.education-card{gap:25px;padding:30px}.education-badge{flex-shrink:0;width:75px;height:75px}.education-card h3{font-size:23px}.contact-section h2{letter-spacing:-3px}.social-links{flex-wrap:wrap}footer{flex-direction:column;gap:20px;padding:20px 5%}}@media (width<=450px){.hero h1{font-size:52px}.hero-buttons{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{justify-content:center}.about-stats{grid-template-columns:1fr}.skill-card,.project-card{padding:28px}.timeline-item{padding-left:30px}}