@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:#fffc;--transition-speed:.3s}[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,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;text-shadow:0 4px 12px #00000080}p{color:var(--text-color);opacity:.9;font-weight:400}a{color:inherit;text-decoration:none}ul{list-style:none}section{padding:80px 10%}.glass{background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a}.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-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #ea781e33}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=968px){.grid-2,.grid-3{grid-template-columns:1fr;gap:30px}section{padding:60px 5%}h1{font-size:2.8rem!important}h2{font-size:2rem!important}.nav-links{display:none!important}.logo img{height:80px!important}}@media (width<=480px){h1{font-size:2.2rem!important}.btn{justify-content:center;width:100%}}.text-gradient{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=dark] .text-gradient{background:linear-gradient(90deg, var(--cyan-color), var(--secondary-color))}.card-hover{transition:transform .4s,box-shadow .4s}.card-hover:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}