@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";:root{--color-background: #003049;--color-accent: #d62828;--color-secondary: #f77f00;--color-highlight: #fcbf49;--color-text: #eae2b7;--white: #fff;--button-primary: #fcbf49;--button-secondary: #f77f00;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem}html,body{overflow-x:hidden}body{font-family:Roboto,sans-serif;font-size:var(--text-base);color:var(--color-text);line-height:1.6;background:linear-gradient(180deg,#00263a,#001825)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{font-size:var(--text-base);margin-bottom:1rem}.navbar{position:sticky;top:0;width:100%;z-index:1000;background:#003049bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059}.navbar-container{margin:0 auto;padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:2rem;font-weight:500;letter-spacing:.14em;color:var(--color-highlight)}.navbar-links{display:flex;gap:28px;align-items:center}.navbar-links a,.navbar-links button{position:relative;text-decoration:none;color:var(--color-highlight);font-weight:500;font-size:.95rem;letter-spacing:.04em;transition:color .2s ease,background-color .2s ease;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.navbar-links a:after,.navbar-links button:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:var(--color-highlight);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.navbar-links a:hover,.navbar-links button:hover{color:var(--color-text)}.navbar-links a:hover:after,.navbar-links button:hover:after{transform:scaleX(1)}.navbar-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer}.navbar-toggle span{width:26px;height:2px;background-color:var(--color-text);border-radius:999px;transition:all .25s ease}.navbar-links.active{position:absolute;top:100%;left:0;right:0;background:#003049f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.navbar-links{display:none}.navbar-links.active,.navbar-toggle{display:flex}}.HeroSection{width:90%;margin:0 auto 375px;text-align:center}.HeroSection h1{font-size:4rem;margin-bottom:2rem;font-weight:700;line-height:5rem;padding-left:20px;padding-right:20px}.HeroSection h2{font-weight:300;font-size:1.15rem;line-height:1.75;max-width:900px;margin:0 auto}.HeroSection h2 p{margin-bottom:1.25rem}.HeroButtons{display:flex;gap:1.25rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.HeroButtons button{padding:1rem;font-size:1rem;border:none;border-radius:20px;cursor:pointer;background:var(--color-highlight);border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 4px 5px #ffffffe0;color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:600;letter-spacing:.5px;transition:background-color .3s ease;min-width:200px}.HeroButtons button:hover{background:var(--color-secondary);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 4px 5px #ffffffe0;color:var(--white)}.HeroSection h1 .hero-break{display:none}@media(max-width:600px){.HeroButtons{flex-direction:column}.HeroSection{margin-bottom:70px}.HeroSection h1 .hero-break{display:block}.HeroSection h2{text-align:left}}.HeroSection h1 span.hero-accent{color:var(--color-highlight);font-weight:800}.HeroSection h1 .hero-typewriter{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;font-family:monospace;animation:typingBackAndForth 2s steps(10,end) infinite alternate}@keyframes typingBackAndForth{0%{width:0ch}to{width:10ch}}.freelance-project-grid{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center;margin-left:0;margin-right:0;padding:0 16px}.freelance-project-grid p{font-size:1.25rem;font-weight:100;max-width:1000px}.freelance-card{width:100%;max-width:min(320px,100%)}.freelance-project-grid h1,.freelance-header{text-align:center;margin-bottom:2rem;grid-column:1 / -1;color:var(--color-highlight)}@media(max-width:992px){.freelance-project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.freelance-project-grid{grid-template-columns:1fr;justify-items:center}.freelance-card{max-width:100%}.freelance-project-grid p,.freelance-project-grid h1{text-align:left;padding-left:5px}}.technical-skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;justify-items:center;margin-top:8rem;padding:0 16px}.technical-skills-header{grid-column:1 / -1;text-align:center;margin-bottom:2rem}.technical-skills-grid h1{text-align:center!important;color:var(--color-highlight)}.technical-skills-card{width:100%;max-width:300px;box-sizing:border-box;margin:0 auto}@media(max-width:1275px){.technical-skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.technical-skills-grid{grid-template-columns:1fr;justify-items:center}}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center;margin-top:4rem;padding:0 16px;margin-bottom:4rem}.card-grid-header{grid-column:1 / -1;text-align:center;margin-bottom:2rem;color:var(--color-highlight)}.work-experience-card,.freelance-card{width:100%;max-width:350px;box-sizing:border-box;margin:0 auto}@media(max-width:992px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.card-grid{grid-template-columns:1fr;justify-items:center;padding:0 16px}.work-experience-card,.freelance-card{max-width:90vw}}.contact-me{margin-top:40px;background-color:#003049e6;color:var(--color-text);text-align:center;padding:6rem 1rem;display:flex;flex-direction:column;gap:2.5rem}.contact-me h1{font-size:2rem;font-weight:300;max-width:1000px;margin:0 auto;letter-spacing:.5px;line-height:1.5}.contact-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.contact-buttons img{max-width:50px;max-height:50px;padding-right:8px}.contact-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;background:var(--color-secondary);box-shadow:inset 0 4px 5px #ffbe6fdb;color:var(--white);cursor:pointer;transition:all .25s ease;min-width:180px}.contact-buttons button:hover{background:var(--color-highlight);color:#260049;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}@media(max-width:600px){.contact-me h1{font-size:1.5rem;padding:0 10px}.contact-buttons{flex-direction:column;gap:.75rem}}.freelance-card{position:relative;width:100%;max-width:450px;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0a;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.freelance-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0000008c,inset 0 1px #ffffff0f}.card-image{width:100%;aspect-ratio:2 / 1;overflow:hidden;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000000f,#00000040)}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.project-type{position:absolute;top:14px;right:14px;background-color:var(--color-highlight);color:var(--white);padding:6px 14px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 10px #00000059;z-index:10}.freelance-card-content{padding:18px;display:flex;flex-direction:column;gap:10px}.freelance-card h1{font-size:1.6rem;font-weight:600;margin:0;letter-spacing:.01em;text-align:left}.freelance-card h2{font-size:1rem;font-weight:400;opacity:.85;margin:0;text-align:left}.freelance-card ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}.freelance-card li{padding:6px;border-radius:10px;background:#fcbf4926;border:1px solid rgba(252,191,73,.3);color:var(--color-highlight);font-size:.75rem;font-weight:500;letter-spacing:.04em}.project-buttons{display:flex;gap:.75rem;margin-top:1rem;margin-left:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;border-radius:10px;text-decoration:none;cursor:pointer;transition:all .2s ease;color:var(--white);background-color:var(--color-secondary)}.btn-primary:hover{background-color:var(--color-highlight);transform:translateY(-1px)}.btn-secondary{background-color:transparent;border-radius:10px;color:var(--color-secondary);border:2px solid var(--color-secondary);flex:1;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;text-align:center}.btn-secondary:hover{background-color:var(--color-secondary);color:#fff}.btn:focus-visible{outline:3px solid var(--color-highlight);outline-offset:2px}.technical-skills-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff0a,#ffffff4f);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0a;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:300px}.technical-skills-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff0f}.technical-skills-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-left:20px}.technical-skills-icon img{max-width:50px;max-height:50px;padding-right:5px;filter:brightness(0) saturate(100%) invert(68%) sepia(40%) saturate(300%) hue-rotate(10deg) brightness(1) contrast(1)}.technical-skills-card h2{font-size:1.7rem;margin:0;font-weight:600;letter-spacing:1px;color:var(--color-text)}.technical-skills-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:6px}.technical-skills-list li{color:var(--white);font-weight:400;border-radius:12px;font-size:1rem;padding-left:20px;letter-spacing:1.5px}.quote-form{max-width:700px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:Inter,sans-serif;color:#333;line-height:1.6}.quote-form h2{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;color:#1a1a1a}.quote-form label{display:block;margin-bottom:1rem;font-weight:500}.quote-form input[type=text],.quote-form input[type=email],.quote-form input[type=date],.quote-form select,.quote-form textarea{width:100%;padding:.65rem .8rem;margin-top:.3rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.quote-form textarea{min-height:80px;resize:vertical}.checkbox-group{border:1px solid #e0e0e0;padding:1rem;border-radius:10px;margin-bottom:1rem;background-color:#fafafa}.checkbox-group legend{font-weight:600;margin-bottom:.5rem}.checkbox-group label{display:flex;align-items:center;margin-bottom:.5rem;font-weight:400}.checkbox-group input[type=checkbox]{margin-right:.5rem;accent-color:#4f46e5}.quote-form span{display:block;color:#666;margin-top:.25rem;font-size:.85rem}.quote-form button[type=submit]{display:block;width:100%;padding:.85rem;margin-top:1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#4f46e5,#6366f1);border:none;border-radius:10px;cursor:pointer;transition:background .3s,transform .2s}.quote-form button[type=submit]:hover{background:linear-gradient(90deg,#6366f1,#4f46e5);transform:translateY(-2px)}@media(max-width:768px){.quote-form{padding:1.5rem}}.footer-content{text-align:center}