@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#ffc20e;--color-primary-hover:#e0a800;--color-secondary:#000;--color-accent-pink:#ffe6f2;--color-accent-green:#00c08b;--color-accent-blue:#4facfe;--color-white:#fff;--color-background:#fff;--color-text:#1a1a1a;--color-text-light:#4a4a4a;--color-border:#e5e5e5;--color-card-bg:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--gradient-card:linear-gradient(180deg,#fff 0%,#f9f9f9 100%);--gradient-primary:linear-gradient(135deg,#ffc20e 0%,#e0a800 100%);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-card:0 4px 20px #0000000d;--shadow-glow:0 0 20px #ffc20e4d;--transition-base:.2s ease-in-out;--transition-fast:.15s ease-in-out}[data-theme=dark]{--color-primary:#ffc20e;--color-primary-hover:#e0a800;--color-secondary:#fff;--color-accent-pink:#2d1b2e;--color-accent-green:#008f6b;--color-accent-blue:#1a3c5e;--color-white:#1a1a1a;--color-background:#000;--color-text:#fff;--color-text-light:#a0a0a0;--color-border:#333;--color-card-bg:#1a1a1a;--color-gray-50:#1f2937;--color-gray-100:#374151;--color-gray-200:#4b5563;--color-gray-300:#6b7280;--color-gray-400:#9ca3af;--color-gray-500:#d1d5db;--color-gray-600:#e5e7eb;--color-gray-700:#f3f4f6;--color-gray-800:#f9fafb;--color-gray-900:#fff;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--gradient-card:linear-gradient(180deg,#1a1a1a 0%,#000 100%);--gradient-primary:linear-gradient(135deg,#ffc20e 0%,#e0a800 100%);--shadow-sm:0 1px 2px #ffffff0d;--shadow-md:0 4px 6px -1px #ffffff1a;--shadow-lg:0 10px 15px -3px #ffffff1a;--shadow-xl:0 20px 25px -5px #ffffff1a;--shadow-card:0 4px 20px #ffffff0d;--shadow-glow:0 0 20px #ffc20e66}[data-theme=dark] .btn-primary{color:#000;border-color:#fff;box-shadow:4px 4px #fff}[data-theme=dark] .btn-primary:hover{box-shadow:6px 6px #fff}[data-theme=dark] .btn-outline{color:#fff;border-color:#fff}[data-theme=dark] .btn-outline:hover{color:#000;background-color:#fff}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.6}.container{width:100%;max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.container-narrow{width:100%;max-width:960px;padding:0 var(--spacing-lg);margin:0 auto}.text-center{text-align:center}.gradient-text{color:var(--color-secondary)}.btn{font-weight:700;font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);border:2px solid #0000;justify-content:center;align-items:center;padding:14px 28px;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text);border:2px solid var(--color-text);box-shadow:4px 4px 0px var(--color-text)}.btn-primary:hover{box-shadow:6px 6px 0px var(--color-text);background-color:var(--color-primary-hover);transform:translate(-2px,-2px)}.btn-outline{color:var(--color-text);border:2px solid var(--color-text);background:0 0}.btn-outline:hover{background-color:var(--color-text);color:var(--color-white)}section{padding:var(--spacing-4xl)0;background-color:var(--color-background);overflow:hidden}h1,.h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}h2,.h2{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}h3,.h3{font-size:clamp(1.25rem,3vw,1.875rem);line-height:1.3}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:1024px){section{padding:var(--spacing-3xl)0}.container,.container-narrow{padding:0 var(--spacing-md)}}@media (max-width:768px){section{padding:var(--spacing-2xl)0}.hide-mobile{display:none}.show-mobile{display:block}.btn{width:100%;max-width:100%;padding:12px 24px;font-size:.9375rem}.btn-primary,.btn-outline{min-height:44px}}@media (max-width:480px){section{padding:var(--spacing-xl)0}.container,.container-narrow{padding:0 var(--spacing-sm)}}[data-theme=dark] .card,[data-theme=dark] .step,[data-theme=dark] .cardDetail{color:#fff!important;background:#1a1a1a!important;border-color:#444!important;box-shadow:4px 4px #fff!important}[data-theme=dark] .cardDetail:hover,[data-theme=dark] .card:hover{border-color:var(--color-primary)!important}[data-theme=dark] .logoIcon{filter:invert()}