:root{--color-ocean:#0a5f7f;--color-ocean-light:#1a8fb8;--color-teal:#0d9488;--color-teal-light:#2dd4bf;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-500:#6b7280;--color-neutral-700:#374151;--color-neutral-900:#111827;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-neutral-50);color:var(--color-neutral-900);line-height:1.6;font-size:16px}a{color:var(--color-ocean);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-teal)}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--color-ocean);color:#fff}.btn-primary:hover{background-color:var(--color-ocean-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-ocean);border:1px solid var(--color-ocean)}.btn-secondary:hover{background-color:var(--color-ocean);color:#fff}.text-center{text-align:center}.grid{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--color-neutral-700)}