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}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#161b22f2;border-bottom:1px solid #ffffff0d;box-shadow:0 2px 20px #0000004d;padding:1.2rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo{color:var(--text-color);font-size:1.3rem;font-weight:700;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent-color),#79c0ff);-webkit-background-clip:text;font-size:1.8rem;margin:0}.nav-menu ul{display:flex;gap:2.5rem;list-style:none}.nav-menu li{position:relative}.nav-menu a{color:var(--text-color);font-size:1.1rem;font-weight:500;padding:.5rem 0;transition:color .3s}.nav-menu a:hover{color:var(--accent-color)}.nav-menu a:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu a:hover:after{width:100%}.menu-toggle{cursor:pointer;display:none;z-index:101}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background-color:var(--text-color);height:3px;transition:all .3s ease-in-out;width:30px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{transform:translateY(-10px)}.hamburger:after{transform:translateY(10px)}.menu-toggle.active .hamburger{background-color:initial}.menu-toggle.active .hamburger:before{transform:rotate(45deg)}.menu-toggle.active .hamburger:after{transform:rotate(-45deg)}@media (max-width:768px){.menu-toggle{display:block}.nav-menu{background-color:var(--bg-secondary);box-shadow:-5px 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .4s ease;width:280px;z-index:100}.nav-menu.active{right:0}.nav-menu ul{align-items:center;flex-direction:column}.nav-menu li{margin:1.5rem 0}.nav-menu a{font-size:1.3rem}.nav-menu a:after{display:none}}.footer{background-color:var(--bg-secondary);border-top:1px solid #ffffff0d;box-shadow:0 -5px 20px #00000026;margin-top:3rem;padding:1.8rem 0}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-info{flex:1 1;min-width:200px}.footer-info p{font-size:.9rem;margin:0;opacity:.8}.footer-brand{font-size:1rem!important;margin-bottom:.3rem!important;opacity:1!important}.footer-nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.footer-nav a{color:var(--text-color);font-size:.9rem;opacity:.8;transition:color .3s}.footer-nav a:hover{color:var(--accent-color);opacity:1}.footer p{font-size:1rem;margin:0;opacity:.8}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-color);font-size:1rem;opacity:.8;position:relative;transition:color .3s,transform .3s}.footer-links a:hover{color:var(--accent-color);opacity:1}.footer-links a:after{background-color:var(--accent-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover:after{width:100%}@media (max-width:768px){.footer-container{flex-direction:column;gap:1.2rem;text-align:center}.footer-nav ul{justify-content:center}}.hero{align-items:center;background:linear-gradient(135deg,#161b22cc,#0d1117f2);border-radius:16px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;justify-content:center;margin-bottom:4rem;overflow:hidden;padding:7rem 2rem;position:relative;text-align:center}.hero:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#58a6ff1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{animation:fadeIn 1s ease-out;max-width:800px}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent-color),#79c0ff,#a2d2ff);-webkit-background-clip:text;font-size:3.5rem;margin-bottom:1rem;text-shadow:0 2px 10px #0000001a}.hero h2{font-size:2rem;font-weight:500;margin-bottom:1.5rem}.hero p{font-size:1.3rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}.hero-buttons{display:flex;gap:1.5rem;justify-content:center}.btn-outline{background-color:initial;border:1px solid var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color)}.skills{margin:5rem 0;width:100%}.skills h2{font-size:2.2rem;margin-bottom:3rem;text-align:center}.skills-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.skill-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:transform .4s,box-shadow .4s}.skill-card:before{background:linear-gradient(90deg,var(--accent-color),#79c0ff);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease-out}.skill-card:hover{transform:translateY(-10px)}.skill-card:hover:before{transform:scaleX(1)}.skill-card h3{color:var(--accent-color);font-size:1.5rem;margin-bottom:1.5rem}.skill-card p{font-size:1.1rem;line-height:1.8}.home{align-items:center;display:flex;flex-direction:column;width:100%}.section.about{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);margin:5rem auto;max-width:900px;padding:3rem;text-align:center;width:100%}.about h2{font-size:2.2rem;margin-bottom:2rem;text-align:center}.about p{font-size:1.1rem;line-height:1.9;margin-bottom:1.5rem;padding:0 1.5rem}.about p:last-child{margin-bottom:0}@media (max-width:768px){.hero h1{font-size:2.8rem}.hero h2{font-size:1.6rem}.hero p{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:1rem;margin:0 auto;max-width:300px;width:100%}.about{padding:2rem 1.5rem}}.projects{padding:1rem 0}.projects h1{color:var(--accent-color);font-size:2.5rem;margin-bottom:1rem;text-align:center;width:100%}.projects-intro{font-size:1.1rem;line-height:1.8;margin:0 auto 3rem;max-width:800px;opacity:.9;text-align:center}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.project-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 20px #0003;overflow:hidden;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-10px)}.project-image{align-items:center;background-color:#ffffff0d;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.project-image:after{background:linear-gradient(to top,var(--bg-secondary),#0000);bottom:0;content:"";height:40%;left:0;opacity:.7;position:absolute;width:100%}.project-image img{height:100%;object-fit:contain;padding:1rem;transition:transform .7s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.08)}.project-info{padding:1.8rem}.project-info h3{color:var(--accent-color);font-size:1.5rem;margin-bottom:.75rem}.project-info p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.project-tech{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem}.tech-tag{background-color:#0096c726;border:1px solid #0096c733;border-radius:50px;box-shadow:0 2px 4px #0000001a;color:var(--accent-color);font-size:.85rem;padding:.3rem .8rem;transition:all .3s ease}.tech-tag:hover{background-color:#0096c740;transform:translateY(-2px)}.project-card .btn{display:block;font-weight:500;letter-spacing:.5px;padding:.8rem;text-align:center;width:100%}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{margin:0 auto;max-width:500px}}.contact{padding:1rem 0}.contact h1{color:var(--accent-color);font-size:2.5rem;margin-bottom:2.5rem;text-align:center;width:100%}.contact-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 2fr}.contact-info{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;box-shadow:var(--card-shadow);height:-webkit-fit-content;height:fit-content;padding:2.5rem}.contact-info h3{color:var(--accent-color);font-size:1.8rem;margin-bottom:1.5rem}.contact-info p{font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem;opacity:.9}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method{align-items:flex-start;display:flex;gap:1.2rem;transition:transform .3s}.contact-method:hover{transform:translateX(5px)}.contact-method i{color:var(--accent-color);font-size:1.8rem}.contact-method h4{font-size:1.2rem;margin-bottom:.5rem}.contact-method p{margin-bottom:0;opacity:.9}.contact-form{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;box-shadow:var(--card-shadow);padding:2.5rem}.form-group{margin-bottom:1.8rem}.form-group label{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.8rem}.form-group input,.form-group textarea{background-color:#ffffff12;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:all .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #58a6ff33;outline:none}.contact-form .btn{font-size:1.1rem;font-weight:500;margin-top:.5rem;padding:1rem;width:100%}.submit-message{animation:fadeIn .5s;border-radius:8px;font-size:1.1rem;margin-top:1.5rem;padding:1rem;text-align:center}.submit-message.success{background-color:#2ecc7126;border:1px solid #2ecc714d;color:#2ecc71}.submit-message.error{background-color:#e74c3c26;border:1px solid #e74c3c4d;color:#e74c3c}@media (max-width:768px){.contact-container{grid-template-columns:1fr}.contact-form .btn{padding:.9rem}.contact-form,.contact-info{padding:2rem 1.5rem}}:root{--bg-color:#0d1117;--bg-secondary:#161b22;--text-color:#f0f6fc;--accent-color:#58a6ff;--accent-hover:#79c0ff;--border-color:#30363d;--card-shadow:0 8px 24px #00000040}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d1117;background-color:var(--bg-color);color:#f0f6fc;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6}.app{background:radial-gradient(circle at top right,#3154811a 0,#0000 70%);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}a{color:#58a6ff;color:var(--accent-color);text-decoration:none;transition:color .3s,transform .3s}a:hover{color:#79c0ff;color:var(--accent-hover)}.btn,button{background-color:#58a6ff;background-color:var(--accent-color);border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#f0f6fc;color:var(--text-color);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn:hover,button:hover{background-color:#79c0ff;background-color:var(--accent-hover);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.btn:active,button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.container{padding:0 1rem;width:100%}.section{margin:2.5rem 0;padding:1.5rem 0}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-bottom:1rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#58a6ff,#a2d2ff);background:linear-gradient(90deg,var(--accent-color),#a2d2ff);-webkit-background-clip:text;display:inline-block;font-size:2.5rem}h2{color:#58a6ff;color:var(--accent-color);font-size:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeIn .6s ease-out forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d1117;background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#30363d;background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#58a6ff;background:var(--accent-color)}
/*# sourceMappingURL=main.db2d7a13.css.map*/