@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Be+Vietnam+Pro:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--theme-mode:"dark";--background:#131313;--surface:#1f2020;--surface-bright:#393939;--surface-dim:#131313;--surface-container-lowest:#0e0e0e;--surface-container-low:#1b1c1c;--surface-container:#1f2020;--surface-container-high:#2a2a2a;--surface-container-highest:#353535;--primary:#fff6df;--on-primary:#3a3000;--primary-container:gold;--on-primary-container:#705e00;--secondary:#c8c6c5;--on-secondary:#313030;--secondary-container:#474746;--on-secondary-container:#b7b5b4;--tertiary:#f6f6f6;--on-tertiary:#2f3131;--tertiary-container:#d9dada;--on-background:#e4e2e1;--on-surface:#e4e2e1;--on-surface-variant:#d0c6ab;--outline:#999077;--outline-variant:#4d4732;--font-headline:"Bricolage Grotesque", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-label:"Plus Jakarta Sans", sans-serif;--fw-headline-xl:800;--fw-headline-lg:700;--fw-headline-md:700;--fw-body-lg:400;--fw-body-md:400;--fs-headline-xl:48px;--fs-headline-lg:32px;--fs-headline-md:24px;--fs-body-lg:18px;--fs-body-md:16px;--fs-label-sm:14px;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--space-base:8px;--space-xs:4px;--space-sm:12px;--space-md:24px;--space-lg:48px;--space-xl:80px;--space-gutter:24px;--margin-mobile:16px;--margin-desktop:64px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #0009;--border-glow:1px solid #99907733}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:var(--fw-headline-lg);color:var(--on-surface);line-height:1.2}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.container{max-width:1280px;padding:0 var(--space-md);width:100%;margin:0 auto}@media (width<=768px){.container{padding:0 var(--margin-mobile)}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;text-align:center;border:none;padding:12px 24px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary-container);color:var(--on-primary)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #b7102a33}.dark-theme .btn-primary{background-color:var(--primary-container);color:var(--on-primary)}.dark-theme .btn-primary:hover{box-shadow:0 4px 12px #ffd7004d}.btn-secondary{color:var(--primary-container);border:2px solid var(--primary-container);background-color:#0000}.btn-secondary:hover{background-color:#b7102a0d;transform:translateY(-1px)}.dark-theme .btn-secondary{color:var(--primary);border-color:var(--outline)}.dark-theme .btn-secondary:hover{background-color:#ffffff0d}.btn-icon{border-radius:var(--radius-full);background-color:var(--surface-container);width:40px;height:40px;color:var(--on-surface);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--surface-container-high);transform:scale(1.05)}.card{background-color:var(--surface);border-radius:var(--radius-lg);border:var(--border-glow);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.5s forwards fadeInUp}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.pulse-animation{animation:2s ease-in-out infinite pulse-soft}
