body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:90vw;padding:0 4vw}@media(min-width:1200px){.container{max-width:1200px;padding:0 2rem}}.btn{align-items:center;border:none;border-radius:2vw;cursor:pointer;display:inline-block;display:flex;font-size:4vw;font-weight:600;justify-content:center;min-height:12vw;padding:3vw 6vw;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.btn{border-radius:8px;display:inline-block;font-size:1rem;min-height:auto;padding:12px 24px}}.btn.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn.btn-primary:hover{box-shadow:0 10px 25px #8b5cf64d;transform:translateY(-2px)}.btn.btn-secondary{background:#0000;border:2px solid #8b5cf6;color:#fff}.btn.btn-secondary:hover{background:#8b5cf6;transform:translateY(-2px)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #3a3a3a;padding:3vw 0;position:fixed;top:0;width:100%;z-index:1000}@media(min-width:768px){.navbar{padding:1rem 0}}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:90vw;padding:0 4vw}@media(min-width:1200px){.navbar .navbar-container{max-width:1200px;padding:0 20px}}.navbar .navbar-brand h2{color:#8b5cf6;font-size:5vw}@media(min-width:768px){.navbar .navbar-brand h2{font-size:1.5rem}}.navbar .navbar-menu{display:flex;gap:6vw}@media(min-width:768px){.navbar .navbar-menu{gap:2rem}}.navbar .navbar-menu a{color:#fff;font-size:4vw;font-weight:500;text-decoration:none;transition:color .3s ease}@media(min-width:768px){.navbar .navbar-menu a{font-size:1rem}}.navbar .navbar-menu a:hover{color:#8b5cf6}@media(max-width:767px){.navbar .navbar-menu{align-items:center;background:#1a1a1a;flex-direction:column;gap:8vw;height:calc(100vh - 15vw);left:-100%;padding-top:8vw;position:fixed;top:15vw;transition:left .3s ease;width:100vw}.navbar .navbar-menu.active{left:0}.navbar .navbar-menu a{font-size:6vw;padding:4vw 0}}.navbar .navbar-toggle{cursor:pointer;display:none;font-size:6vw}@media(max-width:767px){.navbar .navbar-toggle{display:block}}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;height:100vh;justify-content:center;min-height:100vh;padding:0 4vw;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 50% 50%,#8b5cf61a 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero .hero-content{max-width:90vw;position:relative;width:100%;z-index:1}.hero .hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:12vw;font-weight:700;line-height:1.1;margin-bottom:4vw}@media(min-width:768px){.hero .hero-content h1{font-size:4rem;margin-bottom:1rem}}.hero .hero-content h2{color:#8b5cf6;font-size:6vw;font-weight:400;margin-bottom:4vw}@media(min-width:768px){.hero .hero-content h2{font-size:1.5rem;margin-bottom:1rem}}.hero .hero-content p{color:#b3b3b3;font-size:4.5vw;line-height:1.5;margin-bottom:8vw;margin-left:auto;margin-right:auto;max-width:85vw}@media(min-width:768px){.hero .hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:600px}}.hero .hero-buttons{display:flex;flex-wrap:wrap;gap:4vw;justify-content:center}@media(min-width:768px){.hero .hero-buttons{gap:1rem}}@media(max-width:480px){.hero .hero-buttons{align-items:center;flex-direction:column;gap:4vw}}.bio{background:#1a1a1a;padding:20vw 0}@media(min-width:768px){.bio{padding:100px 0}}.bio h2{color:#8b5cf6;font-size:8vw;margin-bottom:8vw;text-align:center}@media(min-width:768px){.bio h2{font-size:2.5rem;margin-bottom:3rem}}.bio .bio-content{margin:0 auto;max-width:90vw}@media(min-width:800px){.bio .bio-content{max-width:800px}}.bio .bio-text p{color:#b3b3b3;font-size:4vw;line-height:1.6;margin-bottom:6vw}@media(min-width:768px){.bio .bio-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}}.skills{background:#0a0a0a;padding:20vw 0}@media(min-width:768px){.skills{padding:100px 0}}.skills h2{color:#8b5cf6;font-size:8vw;margin-bottom:8vw;text-align:center}@media(min-width:768px){.skills h2{font-size:2.5rem;margin-bottom:3rem}}.skills .skills-container{grid-gap:6vw;display:grid;gap:6vw;grid-template-columns:1fr}@media(min-width:768px){.skills .skills-container{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.skill-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4vw;padding:6vw;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.skill-card{border-radius:12px;padding:2rem}}.skill-card:hover{box-shadow:0 15px 35px #8b5cf633;transform:translateY(-5px)}.skill-card h3{color:#8b5cf6;font-size:5vw;margin-bottom:6vw}@media(min-width:768px){.skill-card h3{font-size:1.3rem;margin-bottom:1.5rem}}.skill-card .skills-grid{grid-gap:4vw;display:grid;gap:4vw;grid-template-columns:repeat(auto-fit,minmax(25vw,1fr))}@media(min-width:768px){.skill-card .skills-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.skill-card .skill-item{align-items:center;background:#1a1a1a;border-radius:3vw;display:flex;flex-direction:column;padding:4vw;transition:transform .2s ease}@media(min-width:768px){.skill-card .skill-item{border-radius:8px;padding:1rem}}.skill-card .skill-item:hover{transform:scale(1.05)}.skill-card .skill-item .skill-logo{font-size:8vw;margin-bottom:2vw}@media(min-width:768px){.skill-card .skill-item .skill-logo{font-size:2rem;margin-bottom:.5rem}}.skill-card .skill-item span{color:#b3b3b3;font-size:3vw;text-align:center}@media(min-width:768px){.skill-card .skill-item span{font-size:.9rem}}.projects{background:#1a1a1a;padding:20vw 0}@media(min-width:768px){.projects{padding:100px 0}}.projects h2{color:#8b5cf6;font-size:8vw;margin-bottom:8vw;text-align:center}@media(min-width:768px){.projects h2{font-size:2.5rem;margin-bottom:3rem}}.projects .projects-grid{grid-gap:6vw;display:grid;gap:6vw;grid-template-columns:1fr}@media(min-width:768px){.projects .projects-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.project-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4vw;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.project-card{border-radius:12px}}.project-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.project-card .project-image{overflow:hidden;position:relative}.project-card .project-image img{height:60vw;object-fit:cover;transition:transform .3s ease;width:100%}@media(min-width:768px){.project-card .project-image img{height:250px}}.project-card .project-image .project-overlay{align-items:center;background:#8b5cf6cc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card .project-image .project-overlay .project-link{color:#fff;font-size:8vw;text-decoration:none}@media(min-width:768px){.project-card .project-image .project-overlay .project-link{font-size:2rem}}.project-card .project-image:hover img{transform:scale(1.1)}.project-card .project-image:hover .project-overlay{opacity:1}.project-card .project-content{padding:6vw}@media(min-width:768px){.project-card .project-content{padding:1.5rem}}.project-card .project-content h3{color:#8b5cf6;font-size:5vw;margin-bottom:2vw}@media(min-width:768px){.project-card .project-content h3{font-size:1.3rem;margin-bottom:.5rem}}.project-card .project-content p{color:#b3b3b3;font-size:4vw;line-height:1.6;margin-bottom:4vw}@media(min-width:768px){.project-card .project-content p{font-size:1rem;margin-bottom:1rem}}.project-card .project-content .project-tech{display:flex;flex-wrap:wrap;gap:2vw}@media(min-width:768px){.project-card .project-content .project-tech{gap:.5rem}}.project-card .project-content .project-tech .tech-tag{background:#8b5cf6;border-radius:5vw;color:#fff;font-size:3vw;font-weight:500;padding:1vw 3vw}@media(min-width:768px){.project-card .project-content .project-tech .tech-tag{border-radius:20px;font-size:.8rem;padding:.2rem .8rem}}.footer{background:#0a0a0a;border-top:1px solid #3a3a3a;padding:12vw 0 4vw}@media(min-width:768px){.footer{padding:3rem 0 1rem}}.footer .footer-content{grid-gap:8vw;display:grid;gap:8vw;grid-template-columns:1fr;margin-bottom:8vw}@media(min-width:768px){.footer .footer-content{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}}.footer .footer-section h3{color:#8b5cf6;font-size:5vw;margin-bottom:4vw}@media(min-width:768px){.footer .footer-section h3{font-size:1.2rem;margin-bottom:1rem}}.footer .footer-section p{color:#b3b3b3;font-size:4vw;line-height:1.6}@media(min-width:768px){.footer .footer-section p{font-size:1rem}}.footer .contact-info .contact-item{align-items:center;color:#b3b3b3;display:flex;font-size:4vw;gap:2vw;margin-bottom:2vw}@media(min-width:768px){.footer .contact-info .contact-item{font-size:1rem;gap:.5rem;margin-bottom:.5rem}}.footer .contact-info .contact-item .contact-icon{color:#8b5cf6;height:5vw;min-height:18px;min-width:18px;width:5vw}@media(min-width:768px){.footer .contact-info .contact-item .contact-icon{height:18px;width:18px}}.footer .social-links{display:flex;gap:4vw}@media(min-width:768px){.footer .social-links{gap:1rem}}.footer .social-links .social-link{color:#b3b3b3;font-size:6vw;transition:color .3s ease}@media(min-width:768px){.footer .social-links .social-link{font-size:1.5rem}}.footer .social-links .social-link:hover{color:#8b5cf6}.footer .footer-bottom{border-top:1px solid #3a3a3a;color:#b3b3b3;font-size:3.5vw;padding-top:8vw;text-align:center}@media(min-width:768px){.footer .footer-bottom{font-size:.9rem;padding-top:2rem}}@media(max-width:480px){.hero-content h1{font-size:14vw}.hero-content h2{font-size:7vw}.hero-content p{font-size:5vw}.btn{margin:0 auto;max-width:80vw;width:100%}}@media screen and (orientation:landscape)and (max-height:480px){.hero{height:auto;min-height:100vh;padding:10vh 4vw}.navbar{padding:2vh 0}.hero-content h1{font-size:8vw;margin-bottom:2vh}.hero-content h2{font-size:4vw;margin-bottom:2vh}.hero-content p{font-size:3vw;margin-bottom:4vh}}
/*# sourceMappingURL=main.97d78b31.css.map*/