.header{background:#0000;padding:20px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid var(--border-color);padding:15px 0}.nav-wrapper{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--accent-yellow);font-size:1.8rem;font-weight:700}.nav{display:flex;gap:2rem}.nav a{color:var(--text-primary);cursor:pointer;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav a:hover{color:var(--accent-yellow)}.nav a:after{background:var(--accent-yellow);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a:hover:after{width:100%}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:5px}.mobile-menu-btn span{background:var(--text-primary);height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav{align-items:center;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);flex-direction:column;left:0;opacity:0;padding:2rem 0;position:fixed;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;width:100%}.nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav a{font-size:1.1rem;padding:10px 0}}.hero{align-items:center;background:linear-gradient(135deg,var(--primary-bg) 0,#1a1a1a 100%);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero:before{background:radial-gradient(circle,var(--accent-yellow) 0,#0000 70%);content:"";height:100%;opacity:.05;position:absolute;right:-50%;top:-50%;width:100%}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:80vh}.hero-text h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-text .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-yellow),#ffed4e);-webkit-background-clip:text;background-clip:text;color:var(--accent-yellow)}.hero-text h2{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.hero-text h2,.hero-text p{color:var(--text-secondary)}.hero-text p{font-size:1.1rem;margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image{align-items:center;display:flex;justify-content:center}.image-placeholder{background:linear-gradient(45deg,var(--card-bg),#2a2a2a);border:3px solid var(--accent-yellow);box-shadow:0 0 50px #ffdd001a;height:300px;width:300px}.code-icon{color:var(--accent-yellow);font-size:4rem;font-weight:700}.scroll-indicator{bottom:30px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-line{animation:scroll 2s infinite;background:var(--accent-yellow);height:40px;width:2px}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:968px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{justify-content:center}.image-placeholder{height:250px;width:250px}}@media (max-width:480px){.hero-text h1{font-size:2rem}.image-placeholder{height:200px;width:200px}.code-icon{font-size:3rem}}.about{background:var(--secondary-bg)}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.intro{background:#ffdd001a;border-left:4px solid var(--accent-yellow);border-radius:10px;color:var(--accent-yellow);font-size:1.3rem;font-weight:500;margin-bottom:2rem;padding:1.5rem;text-align:center}.about-details{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.detail-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.detail-item:hover{box-shadow:0 10px 30px #ffdd001a;transform:translateY(-5px)}.detail-item h3{color:var(--accent-yellow);font-size:1.1rem;margin-bottom:.5rem}.detail-item p{color:var(--text-secondary);line-height:1.6}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-link{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--accent-yellow);color:#000;transform:translateY(-2px)}.social-icon{font-size:1.2rem}.about-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:2rem 1rem;text-align:center;transition:transform .3s ease}.stat-card:hover{border-color:var(--accent-yellow);transform:translateY(-5px)}.stat-card h3{color:var(--accent-yellow);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-card p{color:var(--text-secondary);font-weight:500}@media (max-width:968px){.about-content{gap:3rem;grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-stats{grid-template-columns:1fr}.social-links{justify-content:center}.stat-card{padding:1.5rem 1rem}.stat-card h3{font-size:2rem}}.skills{background:var(--primary-bg)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem}.skill-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.skill-category:before{background:linear-gradient(90deg,var(--accent-yellow),#0000);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.skill-category:hover{border-color:var(--accent-yellow);box-shadow:0 20px 40px #ffdd001a;transform:translateY(-10px)}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.category-icon{font-size:2rem}.category-header h3{color:var(--accent-yellow);font-size:1.3rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:#ffdd001a;border:1px solid #ffdd004d;border-radius:20px;color:var(--accent-yellow);font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{background:var(--accent-yellow);color:#000;transform:scale(1.05)}.learning-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2.5rem}.learning-section h3{color:var(--accent-yellow);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.resources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-weight:500;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.resource-card:hover{background:var(--accent-yellow);border-color:var(--accent-yellow);color:#000;transform:translateY(-3px)}@media (max-width:768px){.resources-grid,.skills-grid{grid-template-columns:1fr}.learning-section{padding:2rem 1.5rem}}.projects{background:var(--secondary-bg)}.projects-subtitle{color:var(--accent-yellow);font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,var(--accent-yellow),#ffed4e);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.project-card:hover{box-shadow:0 20px 40px #ffdd001a;transform:translateY(-10px)}.project-card:hover:before{transform:scaleX(1)}.project-image{background:var(--secondary-bg);height:200px;overflow:hidden;position:relative}.image-placeholder,.project-image{align-items:center;display:flex;justify-content:center}.image-placeholder{background:#ffdd001a;border-radius:50%;font-size:2rem;height:80px;width:80px}.project-content{padding:1.5rem}.project-content h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.project-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#ffdd001a;border:1px solid #ffdd004d;border-radius:15px;color:var(--accent-yellow);font-size:.8rem;font-weight:500;padding:.3rem .8rem}.project-links{display:flex;gap:1rem}.project-link{background:var(--accent-yellow);border:none;border-radius:5px;color:#000;flex:1 1;font-weight:600;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.project-link:hover{background:var(--accent-yellow-dark);transform:translateY(-2px)}.github-stats{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2.5rem;text-align:center}.github-stats h3{color:var(--accent-yellow);font-size:1.5rem;margin-bottom:1.5rem}.stats-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.github-stat{border-radius:10px;transition:transform .3s ease;width:100%}.github-stat:hover{transform:scale(1.02)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-links{flex-direction:column}.stats-container{grid-template-columns:1fr}.github-stats{padding:2rem 1.5rem}}.contact{background:var(--primary-bg)}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-info h3{color:var(--accent-yellow);font-size:1.8rem;margin-bottom:1rem}.contact-info>p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-method{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:transform .3s ease}.contact-method:hover{border-color:var(--accent-yellow);transform:translateX(10px)}.method-icon{font-size:1.5rem;text-align:center;width:40px}.contact-method h4{color:var(--text-primary);font-size:1rem;margin-bottom:.3rem}.contact-method a{color:var(--accent-yellow);text-decoration:none;transition:color .3s ease}.contact-method a:hover{color:var(--accent-yellow-dark)}.coffee-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;text-align:center}.coffee-section h4{color:var(--text-primary);margin-bottom:.5rem}.coffee-section p{color:var(--text-secondary);margin-bottom:1rem}.coffee-btn{align-items:center;background:#fd0;border-radius:25px;color:#000;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.coffee-btn:hover{background:#e6c700;box-shadow:0 5px 15px #ffdd004d;transform:translateY(-2px)}.contact-extra{display:flex;flex-direction:column;gap:2rem}.contact-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2rem}.contact-card h3{color:var(--accent-yellow);font-size:1.3rem;margin-bottom:1rem}.contact-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.email-link{color:var(--accent-yellow);font-weight:500;text-decoration:none}.email-link:hover{color:var(--accent-yellow-dark);text-decoration:underline}.availability{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem}.availability h4{color:var(--accent-yellow);font-size:1.1rem;margin-bottom:1rem}.availability ul{list-style:none;padding-left:0}.availability li{color:var(--text-secondary);padding:.3rem 0 .3rem 1.5rem;position:relative}.availability li:before{color:var(--accent-yellow);content:"▸";left:0;position:absolute}@media (max-width:968px){.contact-content{gap:3rem;grid-template-columns:1fr}}@media (max-width:480px){.contact-method{flex-direction:column;gap:.5rem;text-align:center}.method-icon{width:auto}.availability,.contact-card{padding:1.5rem}}.footer{background:var(--secondary-bg);border-top:1px solid var(--border-color);padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-text h3{color:var(--accent-yellow);font-size:1.5rem;margin-bottom:1rem}.footer-text p{color:var(--text-secondary);line-height:1.6;max-width:400px}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-yellow)}.footer-social{display:flex;gap:1rem}.footer-social a{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-social a:hover{background:var(--accent-yellow);color:#000;transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;padding-top:2rem}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-text p{max-width:none}.footer-links{flex-direction:row;flex-wrap:wrap}.footer-links,.footer-social{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#0a0a0a;--secondary-bg:#111;--accent-yellow:#fd0;--accent-yellow-dark:#e6c700;--text-primary:#fff;--text-secondary:#b0b0b0;--card-bg:#1a1a1a;--border-color:#333}body{background-color:#0a0a0a;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}section{padding:80px 0}.section-title{color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.btn,.section-title:after{background:#fd0;background:var(--accent-yellow)}.btn{border:none;border-radius:5px;color:#000;cursor:pointer;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn:hover{background:#e6c700;background:var(--accent-yellow-dark);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #fd0;border:2px solid var(--accent-yellow);color:#fd0;color:var(--accent-yellow)}.btn-outline:hover{background:#fd0;background:var(--accent-yellow);color:#000}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.section-title{font-size:2rem}section{padding:60px 0}}
/*# sourceMappingURL=main.bb528ebc.css.map*/