:root{--primary-color:#333;--accent-color:#1e3a8a;--text-color:#333;--bg-color:#f5f5f5;--font-family:"Roboto",sans-serif;--heading-font:"Montserrat",sans-serif;--special-font:"Special Elite",cursive;--section-spacing:100px}*{box-sizing:border-box;margin:0;padding:0}body{background-blend-mode:overlay;background-color:#f5f5f5;background-color:var(--bg-color);background-image:linear-gradient(90deg,#f5f5f580 1px,#0000 0),linear-gradient(180deg,#f5f5f580 1px,#0000 0);background-repeat:repeat;background-size:20px 20px;color:#333;color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}a{color:#1e3a8a;color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:#0f1e47}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-family:var(--heading-font);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,8vw,4.5rem)}h2{font-size:clamp(2rem,6vw,3.5rem)}h3{font-size:clamp(1.5rem,4vw,2.5rem)}p{margin-bottom:1rem}img{display:block;height:auto;max-width:100%}.button,button{background-color:#1e3a8a;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--heading-font);font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.button:hover,button:hover{background-color:#15285e}section{padding:80px 20px}.container,section{margin:0 auto;max-width:1200px}.container{padding:0 20px;width:100%}.text-center{text-align:center}.accent-text{color:#1e3a8a;color:var(--accent-color)}.typewriter-text{font-family:Special Elite,cursive;font-family:var(--special-font);font-size:1.1rem;letter-spacing:1px}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){section{padding:60px 15px}.grid{gap:1.5rem;grid-template-columns:1fr}.container{padding:0 15px}}@media (max-width:480px){section{padding:50px 10px}h1{font-size:clamp(2rem,8vw,3rem)}h2{font-size:clamp(1.75rem,6vw,2.5rem)}h3{font-size:clamp(1.25rem,4vw,2rem)}.button,button{font-size:.9rem;padding:.6rem 1.2rem;text-align:center;width:100%}.container{padding:0 10px}}.hero{align-items:center;display:flex;height:100vh;overflow:hidden;padding-bottom:0;padding-top:0;position:relative}.hero-container{position:relative;z-index:2}.hero-content{max-width:800px}.hero-title{font-size:4.5rem;line-height:1.1;margin-bottom:1rem}.hero-subtitle{font-size:1.75rem;font-weight:400;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.primary-button{background-color:var(--accent-color);color:#fff}.secondary-button{background-color:initial;border:2px solid var(--accent-color);color:var(--accent-color)}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.design-element{opacity:.05;position:absolute}.circle{border-radius:50%;height:400px;right:-100px;top:-100px;width:400px}.circle,.square{background-color:var(--accent-color)}.square{bottom:100px;height:200px;left:10%;transform:rotate(45deg);width:200px}.triangle{border-bottom:300px solid var(--accent-color);border-left:150px solid #0000;border-right:150px solid #0000;bottom:-150px;height:0;right:15%;width:0}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-buttons{flex-direction:column;max-width:300px;width:100%}.hero-buttons .button{text-align:center;width:100%}}.about{overflow:hidden;position:relative}.section-title{display:inline-block;margin-bottom:60px;position:relative}.section-title:after{background-color:var(--accent-color);bottom:-10px;content:"";height:4px;left:0;position:absolute;width:80px}.about-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.5fr}.about-image,.image-wrapper{position:relative}.image-wrapper{border-radius:4px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.image-wrapper:before{border:4px solid var(--accent-color);content:"";height:100%;left:20px;position:absolute;top:20px;width:100%;z-index:-1}.about-image img{display:block;height:auto;max-height:600px;object-fit:cover;transition:transform .5s ease;width:100%}.about-image:hover img{transform:scale(1.05)}.about-text h3{font-size:2rem;margin-bottom:20px}.about-info{display:flex;gap:30px;margin:40px 0}.info-item h4{color:var(--accent-color);font-size:2.5rem;margin-bottom:5px}.info-item p{font-size:.9rem;letter-spacing:1px;text-transform:uppercase}@media (max-width:992px){.about-grid{gap:40px;grid-template-columns:1fr}.about-image{margin:0 auto;max-width:500px}}@media (max-width:768px){.about-info{flex-wrap:wrap;justify-content:space-between}.info-item{flex-basis:calc(50% - 15px);margin-bottom:20px}.about-image{max-width:100%}.image-wrapper:before{left:10px;top:10px}}@media (max-width:480px){.about-image img{max-height:400px;object-position:center}.image-wrapper{box-shadow:0 10px 20px #0000001a}.image-wrapper:before{display:none}.section-title{margin-bottom:40px}.about-info{margin:25px 0}.info-item h4{font-size:2rem}}.work{background-color:#f9f9f9;position:relative}.section-subtitle{font-size:1.2rem;margin-bottom:50px;max-width:600px}.project-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.project-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-10px)}.project-image{height:240px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;background-color:#1e3a8ae6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .project-overlay{opacity:1}.project-link{background-color:initial;border:2px solid #fff;border-radius:4px;color:#fff;font-weight:600;padding:10px 20px;transition:all .3s ease}.project-link:hover{background-color:#fff;color:var(--accent-color)}.project-content{padding:25px}.project-content h3{font-size:1.5rem;margin-bottom:15px}.project-content p{color:#666;margin-bottom:20px}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:#f0f0f0;border-radius:20px;color:#333;font-size:.8rem;font-weight:500;padding:5px 10px}.cta-container{margin-top:40px;text-align:center}@media (max-width:768px){.project-grid{grid-template-columns:1fr}}.skills{position:relative}.skills-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.skills-text h3{font-size:2rem;margin-bottom:20px}.skills-text p{margin-bottom:15px}.skills-list{display:flex;flex-direction:column;gap:25px}.skill-item{width:100%}.skill-info{display:flex;justify-content:space-between;margin-bottom:10px}.skill-info h4{font-size:1rem;font-weight:600;margin:0}.skill-info span{color:var(--accent-color);font-size:.9rem;font-weight:600}.skill-bar{background-color:#f0f0f0;border-radius:10px;height:10px;overflow:hidden;width:100%}.skill-progress{background-color:var(--accent-color);border-radius:10px;height:100%}@media (max-width:992px){.skills-container{gap:40px;grid-template-columns:1fr}}.contact{background-color:#f9f9f9;position:relative}.contact-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1.5fr}.contact-info h3{font-size:2rem;margin-bottom:20px}.contact-info p{margin-bottom:30px;max-width:90%}.info-list{display:flex;flex-direction:column;gap:25px}.info-item{align-items:flex-start;display:flex;gap:15px}.info-icon{align-items:center;background-color:#1e3a8a1a;border-radius:50%;color:var(--accent-color);display:flex;height:50px;justify-content:center;width:50px}.info-content h4{font-size:1.1rem;margin-bottom:5px}.info-content a,.info-content p{color:#666;font-size:1rem;margin:0}.info-content a:hover{color:var(--accent-color)}.social-links{gap:15px;margin-top:30px}.social-links a{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 5px 15px #0000000d;color:var(--accent-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-3px)}.contact-form{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000000d;padding:40px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:var(--font-family);font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-success{padding:40px 20px;text-align:center}.form-success h3{color:var(--accent-color);font-size:2rem;margin-bottom:15px}.form-success p{font-size:1.1rem;margin-bottom:30px}@media (max-width:992px){.contact-container{grid-template-columns:1fr}.contact-info{margin-bottom:30px}}.navbar{padding:25px 0}.navbar.scrolled{background-color:#fff;box-shadow:0 5px 20px #0000000d;padding:15px 0}.logo{color:var(--text-color);text-decoration:none}.logo span{color:var(--accent-color)}.nav-menu ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-menu a{color:var(--text-color);font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:var(--accent-color)}.nav-menu a:after{background-color:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu a:hover:after{width:100%}.menu-toggle{background:none;border:none;cursor:pointer;display:none;height:20px;position:relative;width:30px;z-index:1010}.menu-toggle span{background-color:var(--text-color);display:block;height:2px;left:0;position:absolute;transition:all .3s ease;width:100%}.menu-toggle span:first-child{top:0}.menu-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-toggle span:last-child{bottom:0}.menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:last-child{transform:translateY(-9px) rotate(-45deg)}@media (max-width:768px){.menu-toggle{display:block}.nav-menu{background-color:#fff;box-shadow:-5px 0 15px #0000001a;height:100vh;max-width:300px;padding:80px 20px 40px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.nav-menu.open{right:0}.nav-menu ul{flex-direction:column;gap:20px}.nav-menu a{display:block;font-size:1.2rem}}.footer{background-color:#f2f2f2;padding:80px 0 30px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.5fr 1fr;margin-bottom:60px}.footer-brand{max-width:350px}.footer-logo{color:var(--text-color);display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-decoration:none}.footer-brand p{color:#666;margin-top:15px}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.footer-nav h4,.footer-social h4{display:inline-block;font-size:1.2rem;margin-bottom:20px;position:relative}.footer-nav h4:after,.footer-social h4:after{background-color:var(--accent-color);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-nav ul,.footer-social ul{list-style:none;margin:0;padding:0}.footer-nav li,.footer-social li{margin-bottom:12px}.footer-nav a,.footer-social a{color:#666;text-decoration:none;transition:color .3s ease}.footer-nav a:hover,.footer-social a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid #ddd;color:#888;display:flex;justify-content:space-between;padding-top:30px}.footer-bottom p{font-size:.9rem}@media (max-width:992px){.footer-content{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.footer-links{grid-template-columns:1fr}.footer-bottom{align-items:center;flex-direction:column;gap:10px;text-align:center}}.app{position:relative}.navbar{background-color:initial;left:0;padding:20px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background-color:#fffffff2;box-shadow:0 4px 20px #0000001a;padding:12px 0}.navbar-container{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--accent-color);font-family:var(--heading-font);font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:var(--heading-font);font-weight:500;position:relative}.nav-links a:after{background-color:var(--accent-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}footer{background-color:#f0f0f0;margin-top:60px;padding:40px 0}footer .container{align-items:center;display:flex;justify-content:space-between}.social-links{display:flex;gap:20px}.back-to-top{align-items:center;background-color:var(--accent-color);border-radius:50%;bottom:30px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transition:all .3s ease;visibility:hidden;width:50px;z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:#15285e;transform:translateY(-5px)}@media (max-width:768px){.nav-links{display:none}footer .container{flex-direction:column;gap:20px;text-align:center}}
/*# sourceMappingURL=main.3e86e2f6.css.map*/