@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary-color:#0c4964;--secondary-color:#278bb9;--accent-color:#ea781e;--cyan-color:#7cdded;--bg-color:#fff;--text-color:#1a1a1a;--card-bg:#f8f9fa;--navbar-bg:#ffffffd9;--transition-speed:.3s;--nav-height:clamp(85px, 12vw, 110px);--section-padding:clamp(40px, 6vw, 80px)}[data-theme=dark]{--bg-color:#05070a;--text-color:#f8fafc;--card-bg:#0f172a;--navbar-bg:#05070ad9;--accent-color:#f97316}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed), color var(--transition-speed);font-family:Outfit,sans-serif;line-height:1.6}h1{letter-spacing:-.01em;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.3}h2{margin-bottom:2rem;font-size:clamp(2rem,5vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h1,h2,h3,h4{color:var(--primary-color);font-weight:700}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#fff}p{color:var(--text-color);opacity:.9;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:400}a{color:inherit;text-decoration:none}ul{list-style:none}section{padding:var(--section-padding) 10%;scroll-margin-top:calc(var(--nav-height) + 20px)}header#hero{scroll-margin-top:0;padding-top:calc(var(--nav-height) + 20px)!important}.glass{background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0000000d}[data-theme=dark] .glass{border-bottom:1px solid #ffffff0d;box-shadow:0 4px 30px #0000004d}.hero-overlay{z-index:-1;background:linear-gradient(to right, var(--bg-color) 30%, transparent 100%);width:100%;height:100%;transition:background .5s;position:absolute;top:0;left:0}@media (width<=768px){.hero-overlay{background:linear-gradient(to bottom, var(--bg-color) 50%, transparent 100%)}}.menu-toggle{color:var(--primary-color);display:none}[data-theme=dark] .menu-toggle{color:#fff}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 10px 20px #0c496433}.btn-hero{padding:16px 36px;font-size:1.05rem}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #ea781e33}.hero-content h1{margin-bottom:1rem}.hero-content p{margin-bottom:2rem!important}.grid-2{grid-template-columns:repeat(2,1fr);align-items:center;gap:clamp(30px,5vw,60px);display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,40px);display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}section{padding:var(--section-padding) 5%}.nav-links{display:none!important}.menu-toggle{justify-content:center;align-items:center;display:flex!important}header#hero{min-height:100dvh;padding-top:calc(var(--nav-height) + 20px)!important;align-items:flex-start!important;height:auto!important}.hero-content{text-align:center}.hero-grid{flex-direction:column!important;gap:1rem!important;display:flex!important}.hero-logo-container{order:-1;width:100%;margin-bottom:1rem}.hero-content{flex-direction:column;order:1;align-items:center;display:flex}.hero-content h1{margin-bottom:.5rem!important;font-size:2.2rem!important}.hero-content h4{margin-bottom:.5rem!important;font-size:.75rem!important}.hero-content p{margin-bottom:1.5rem!important;font-size:1rem!important}.hero-actions{max-width:500px;flex-direction:row!important;justify-content:center!important;gap:.5rem!important;width:100%!important;padding:0 5px!important;display:flex!important}.btn-hero{white-space:nowrap!important;flex:1!important;justify-content:center!important;align-items:center!important;min-width:0!important;padding:10px 4px!important;font-size:.8rem!important;display:flex!important}.logo{height:calc(var(--nav-height) - 15px)!important}.hero-card{justify-content:center;width:100%;max-width:320px;margin-top:0;border-radius:20px!important;padding:1.5rem!important;display:flex!important}.hero-card img{width:100%!important;max-width:200px!important}}.hover-underline{position:relative}.hover-underline:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.hover-underline:hover:after{width:100%}@media (width<=480px){.btn{justify-content:center;width:100%;padding:14px 20px!important}}.text-gradient{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;vertical-align:top;-webkit-background-clip:text;background-clip:text;line-height:normal;display:inline-block}[data-theme=dark] .text-gradient{background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--cyan-color);color:var(--cyan-color)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026;border-color:var(--secondary-color)!important}.grid-card svg{width:clamp(32px,4vw,48px);height:clamp(32px,4vw,48px)}[data-theme=dark] .card-hover:hover{background:#ffffff08;box-shadow:0 25px 50px -12px #00000080}.portfolio-grid{margin-top:2rem}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr!important}}