@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@400;600;700;800&display=swap";
:root{--ocra:#c27c1d;--ocra-dark:#8b5a14;--ocra-deep:#5e3c0b;--ocra-mid:#d4941e;--ocra-light:#e8a33d;--ocra-soft:#f0cd96;--ocra-tint:#fbf3e5;--ocra-glow:#fef8ec;--cream:#fffdf8;--cream2:#faf6ee;--cream3:#f2ecde;--ink:#2b241b;--ink-soft:#5a4e3e;--ink-muted:#8a7e6c;--line:#ebe4d4;--grad:linear-gradient(135deg, #e8a33d 0%, #c27c1d 45%, #8b5a14 100%);--grad-soft:linear-gradient(180deg, #fbf3e5 0%, #fffdf8 100%);--text-xs:clamp(.7rem,.65rem + .2vw,.8rem);--text-sm:clamp(.8rem,.75rem + .25vw,.875rem);--text-base:clamp(.875rem,.85rem + .2vw,.95rem);--text-lg:clamp(1rem,.9rem + .5vw,1.25rem);--text-xl:clamp(1.25rem,1rem + 1vw,1.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--color-bg:#f4f2ee;--color-surface:#fff;--color-surface-2:#f9f8f5;--color-border:#e6e3dc;--color-text:#1a1a1a;--color-text-muted:#6b6860;--color-text-faint:#a8a49c;--color-primary:#c27c1d;--color-primary-soft:#f59e0b1a;--color-accent:#f59e0b;--color-accent-text:#1a1a1a;--color-sidebar-bg:#1a1a1a;--color-sidebar-text:#ffffff73;--color-sidebar-active:#f59e0b2e;--color-sidebar-active-text:#f59e0b;--color-sidebar-logo-bg:#f59e0b;--color-sidebar-logo-text:#1a1a1a;--color-blue:#3b7fc4;--color-blue-soft:#dce9f6;--color-ok-bg:#e8f6e0;--color-ok-text:#2a7a28;--color-warn-bg:#fdf3dc;--color-warn-text:#9a5c10;--color-info-bg:#dde9f2;--color-info-text:#1a4a6a;--color-danger-bg:#fdecea;--color-danger-text:#b02a22;--color-muted:var(--color-text-faint);--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1rem;--radius-xl:1.375rem;--radius-full:9999px;--radius-card:.875rem;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 16px #00000012, 0 1px 4px #00000008;--shadow-lg:0 12px 40px #0000001a, 0 2px 8px #0000000a;--font-body:"Inter", system-ui, sans-serif;--font-display:"Sora", system-ui, sans-serif;--transition:.15s cubic-bezier(.25,.8,.25,1)}[data-theme=dark]{--color-bg:#111114;--color-surface:#18181c;--color-surface-2:#1e1e23;--color-border:#ffffff12;--color-text:#f0ede8;--color-text-muted:#ffffff73;--color-text-faint:#ffffff38;--color-sidebar-bg:#0c0c0f;--color-sidebar-text:#ffffff8c;--color-sidebar-active:#f59e0b1f;--color-sidebar-active-text:#f59e0b;--color-sidebar-logo-bg:#f59e0b;--color-sidebar-logo-text:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;font-family:Sora,sans-serif;line-height:1.15}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--grad);color:#fff;border:0;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s;display:inline-block;box-shadow:0 6px 18px #8b5a1440}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #8b5a1452}.btn-ghost{color:var(--ocra-dark);border:1px solid var(--ocra);background:0 0;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-block}.slot-card-hover{transition:box-shadow .15s}.slot-card-hover:hover{box-shadow:0 4px 14px #00000012}.guida-card:hover{box-shadow:0 2px 10px #c27c1d1a;border-color:var(--ocra)!important}.nav-btn:hover{background:var(--ocra-tint,#fff1d9)!important}.nav-btn[data-active=true]{font-weight:700!important}@media (max-width:768px){.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:.85}}.skel{background:linear-gradient(90deg,#ede4d4,#f5ede0,#ede4d4);border-radius:6px;animation:1.4s ease-in-out infinite skeleton-pulse}