@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_8def66c5-module__XA8t6q__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_8def66c5-module__XA8t6q__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.caveat_920d8e97-module__qSXH1a__className{font-family:Caveat,Caveat Fallback;font-style:normal}.caveat_920d8e97-module__qSXH1a__variable{--font-caveat:"Caveat", "Caveat Fallback"}
:root{--color-green-900:#0f3d2e;--color-green-700:#1b6b4c;--color-green-500:#2e8b63;--color-green-100:#dcefe4;--color-green-50:#f1f8f4;--color-orange-900:#7a3b0a;--color-orange-700:#b5560f;--color-orange-500:#e8791f;--color-orange-100:#fbe6d2;--color-orange-50:#fdf3e9;--color-ink-900:#1f241f;--color-ink-600:#5c6560;--color-ink-300:#b8c0ba;--color-ink-200:#d4d9d5;--color-ink-100:#e8ebe9;--color-surface:#fff;--color-background:#fafaf7;--color-error:#c4453a;--color-error-light:#fdecea;--color-warning-bg:#fef3c7;--color-warning-border:#f59e0b;--color-warning-text-dark:#92400e;--color-warning-text-light:#b45309;--radius-button:8px;--radius-card:12px;--radius-input:8px;--radius-badge:6px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-h1:32px;--text-h2:24px;--text-h3:18px;--text-body:15px;--text-small:13px;--text-xs:11px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--shadow-sm:0 1px 2px #1f241f0d;--shadow-md:0 2px 8px #1f241f14;--shadow-lg:0 4px 16px #1f241f1a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--max-content-width:1200px;--bottom-nav-height:64px}[data-theme=dark]{--color-green-900:#e2f4eb;--color-green-700:#42af81;--color-green-500:#2e8b63;--color-green-100:#1c3d2f;--color-green-50:#12281f;--color-orange-900:#fce8d5;--color-orange-700:#f39848;--color-orange-500:#e8791f;--color-orange-100:#382414;--color-orange-50:#24170d;--color-ink-900:#f2f7f4;--color-ink-600:#a0aea6;--color-ink-300:#26382f;--color-ink-200:#1b2922;--color-ink-100:#141f1a;--color-surface:#112019;--color-background:#0b1410;--color-error:#e5584b;--color-error-light:#361715;--color-warning-bg:#382b14;--color-warning-border:#d97706;--color-warning-text-dark:#fde68a;--color-warning-text-light:#fcd34d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 28px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--color-ink-900);background-color:var(--color-background)}a{color:var(--color-green-700);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-green-500)}img{max-width:100%;height:auto}h1,.h1{font-size:var(--text-h1);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-ink-900)}h2,.h2{font-size:var(--text-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-ink-900)}h3,.h3{font-size:var(--text-h3);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-ink-900)}.text-small{font-size:var(--text-small);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:.03em}.text-muted{color:var(--color-ink-600)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-semibold);border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-green-500);border-color:var(--color-green-500);color:#fff!important}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled),.btn-primary:active:not(:disabled){background-color:var(--color-green-700);border-color:var(--color-green-700);transform:translateY(-1px);box-shadow:0 4px 12px #2e8b634d;color:#fff!important}.btn-secondary{background-color:var(--color-orange-500);border-color:var(--color-orange-500);color:#fff!important}.btn-secondary:hover:not(:disabled),.btn-secondary:focus:not(:disabled),.btn-secondary:active:not(:disabled){background-color:var(--color-orange-700);border-color:var(--color-orange-700);transform:translateY(-1px);box-shadow:0 4px 12px #e8791f4d;color:#fff!important}.btn-outline{color:var(--color-ink-900);border-color:var(--color-ink-300);background-color:#0000}.btn-outline:hover:not(:disabled),.btn-outline:focus:not(:disabled){border-color:var(--color-ink-900);background-color:var(--color-background);color:var(--color-ink-900)}.btn-pill{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;padding:4px 11px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;text-decoration:none!important}.btn-pill:hover:not(:disabled){transform:translateY(-1px)}.btn-pill-orange{background-color:#ffedd5;border-color:#fdba74;color:#c2410c!important}.btn-pill-orange:hover:not(:disabled){background-color:#fed7aa;border-color:#fb923c;color:#9a3412!important}.btn-pill-green{background-color:#dcfce7;border-color:#86efac;color:#15803d!important}.btn-pill-green:hover:not(:disabled){background-color:#bbf7d0;border-color:#4ade80;color:#166534!important}.btn-pill-blue{background-color:#e0f2fe;border-color:#7dd3fc;color:#0369a1!important}.btn-pill-blue:hover:not(:disabled){background-color:#bae6fd;border-color:#38bdf8;color:#075985!important}.btn-pill-red{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626!important}.btn-pill-red:hover:not(:disabled){background-color:#fca5a5;border-color:#f87171;color:#991b1b!important}.btn-pill-gray{background-color:#f3f4f6;border-color:#e5e7eb;color:#4b5563!important}.btn-pill-gray:hover:not(:disabled){background-color:#e5e7eb;border-color:#d1d5db;color:#1f2937!important}[data-theme=dark] .btn-pill-orange{background-color:#e8791f33;border-color:#e8791f66;color:#ff9838!important}[data-theme=dark] .btn-pill-orange:hover:not(:disabled){background-color:#e8791f59;border-color:#e8791f99;color:#ffb366!important}[data-theme=dark] .btn-pill-green{background-color:#34d39933;border-color:#34d39966;color:#34d399!important}[data-theme=dark] .btn-pill-green:hover:not(:disabled){background-color:#34d39959;border-color:#34d39999;color:#6ee7b7!important}[data-theme=dark] .btn-pill-blue{background-color:#38bdf833;border-color:#38bdf866;color:#38bdf8!important}[data-theme=dark] .btn-pill-blue:hover:not(:disabled){background-color:#38bdf859;border-color:#38bdf899;color:#7dd3fc!important}[data-theme=dark] .btn-pill-red{background-color:#f8717133;border-color:#f8717166;color:#f87171!important}[data-theme=dark] .btn-pill-red:hover:not(:disabled){background-color:#f8717159;border-color:#f8717199;color:#fca5a5!important}[data-theme=dark] .btn-pill-gray{background-color:#ffffff14;border-color:#ffffff26;color:#e5e7eb!important}[data-theme=dark] .btn-pill-gray:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff40;color:#fff!important}.notice-box-green{background-color:var(--color-green-50);border:1px solid var(--color-green-200);color:var(--color-green-900);border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:32px;padding:16px 20px;font-size:13px;line-height:1.6;display:flex}[data-theme=dark] .notice-box-green{color:#34d399;background-color:#34d3991f;border-color:#34d3994d}.notice-box-red{color:#991b1b;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}[data-theme=dark] .notice-box-red{color:#f87171;background-color:#f871711f;border-color:#f871714d}.btn-ghost{color:var(--color-green-700);padding:var(--space-2) var(--space-3);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-green-50);color:var(--color-green-900)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-small)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-h3)}.btn-full{width:100%}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;border-radius:var(--radius-badge);text-transform:uppercase;white-space:nowrap;display:inline-flex}.badge-active{background-color:var(--color-green-100);color:var(--color-green-900)}.badge-paid{background-color:var(--color-orange-100);color:var(--color-orange-900)}.badge-pending{background-color:var(--color-orange-50);color:var(--color-orange-700)}.badge-completed{background-color:var(--color-green-500);color:#fff}.badge-expired{background-color:var(--color-ink-100);color:var(--color-ink-600)}.badge-free{background-color:var(--color-green-50);color:var(--color-green-700)}.card{background-color:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid #b8c0ba80}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-green-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-900)}.input-field{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-ink-900);background-color:var(--color-surface);border:1.5px solid var(--color-ink-300);border-radius:var(--radius-input);transition:all var(--transition-fast);outline:none}.input-field::placeholder{color:var(--color-ink-600)}.input-field:focus{border-color:var(--color-green-500);box-shadow:0 0 0 3px #2e8b631f}.input-field:disabled{background-color:var(--color-background);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #c4453a1f}.input-hint{font-size:var(--text-small);color:var(--color-ink-600)}.input-error-text{font-size:var(--text-small);color:var(--color-error)}.textarea-field{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-ink-900);background-color:var(--color-surface);border:1.5px solid var(--color-ink-300);border-radius:var(--radius-input);transition:all var(--transition-fast);resize:vertical;outline:none;min-height:100px}.textarea-field:focus{border-color:var(--color-green-500);box-shadow:0 0 0 3px #2e8b631f}.select-field{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-ink-900);background-color:var(--color-surface);border:1.5px solid var(--color-ink-300);border-radius:var(--radius-input);transition:all var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235C6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding-right:40px}.select-field:focus{border-color:var(--color-green-500);box-shadow:0 0 0 3px #2e8b631f}.progress-bar{background-color:var(--color-green-50);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--color-green-500);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);min-width:4px}.progress-bar-fill.completed{background-color:var(--color-green-700)}.landing-page{background-color:var(--color-background);color:var(--color-ink-900);overflow-x:hidden}.navbar{width:calc(100% - 32px);max-width:var(--max-content-width);z-index:100;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);background-color:#ffffffeb;border:1px solid #b8c0ba66;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #1f241f0f}.navbar-inner{padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-green-700);text-decoration:none;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--color-green-500), var(--color-green-700));border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 3px 8px #2e8b634d}.navbar-links{align-items:center;gap:var(--space-4);display:flex}.navbar-link{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-fast)}.navbar-link:hover{color:var(--color-green-700);background-color:var(--color-green-50)}.navbar-burger-btn{border:1.5px solid var(--color-ink-300);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--color-ink-900);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.navbar-mobile-drawer{background-color:var(--color-surface);border:1.5px solid var(--color-ink-200);box-shadow:var(--shadow-lg);z-index:1000;border-radius:20px;flex-direction:column;gap:6px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:16px;right:16px}.navbar-mobile-link{color:var(--color-ink-900);border-radius:12px;padding:10px 14px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .2s}.navbar-mobile-link:hover{background-color:var(--color-green-50);color:var(--color-green-700)}.navbar-mobile-divider{background-color:var(--color-ink-100);height:1px;margin:4px 0}[data-theme=dark] .navbar{background-color:#112019e6;border:1px solid #ffffff1f;box-shadow:0 8px 32px #0006}[data-theme=dark] .navbar-logo{color:#f2f7f4}[data-theme=dark] .navbar-link{color:#a0aea6}[data-theme=dark] .navbar-link:hover{color:#f2f7f4;background-color:#2e8b6333}[data-theme=dark] .cta-card{background:linear-gradient(135deg,#092b20 0%,#154c3a 100%);border:1px solid #ffffff1a;box-shadow:0 16px 48px #00000080}[data-theme=dark] .hero-badge{color:#42af81;background-color:#12211a;border-color:#ffffff1f}[data-theme=dark] .section-alt{box-shadow:none;background-color:#0000;border:none}[data-theme=dark] .step-icon,[data-theme=dark] .feature-icon-green,[data-theme=dark] .feature-icon-orange{color:var(--color-green-700);background-color:#ffffff14}[data-theme=dark] .step-card:nth-child(2) .step-icon,[data-theme=dark] .feature-icon-orange{color:var(--color-orange-500)}.hero-section{padding:calc(90px + var(--space-10)) var(--space-6) var(--space-12);text-align:center;background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);display:flex;position:relative}.hero-content{width:100%;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background-color:var(--color-surface);border:1.5px solid var(--color-green-100);border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-green-700);margin-bottom:var(--space-6);display:inline-flex;box-shadow:0 4px 12px #2e8b6314}.hero-title{font-size:clamp(38px,5.5vw,58px);font-weight:var(--weight-bold);margin-bottom:var(--space-6);color:var(--color-ink-900);letter-spacing:-.02em;line-height:1.18}.hero-title-accent{color:var(--color-orange-500);font-family:var(--font-caveat), "Caveat", cursive, sans-serif;padding:0 6px;font-size:1.15em;font-weight:700;display:inline-block;position:relative;transform:rotate(-1.5deg)}.hero-title-accent:after{content:"";z-index:-1;background:#e8791f38;border-radius:6px;height:10px;position:absolute;bottom:2px;left:0;right:0}.hero-subtitle{color:var(--color-ink-600);font-size:clamp(16px,2vw,19px);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-cta-group .btn{border-radius:var(--radius-full);font-size:var(--text-body);padding:14px 28px}.hero-cta-group .btn-primary,.hero-cta-group .btn-primary:visited{background-color:var(--color-green-500);border:1.5px solid var(--color-green-500);text-decoration:none;box-shadow:0 6px 20px #2e8b6340;color:#fff!important}.hero-cta-group .btn-primary:hover,.hero-cta-group .btn-primary:focus,.hero-cta-group .btn-primary:active{background-color:var(--color-green-700);border-color:var(--color-green-700);transform:translateY(-1px);box-shadow:0 8px 24px #2e8b6359;color:#fff!important}.hero-cta-group .btn-primary *,.hero-cta-group .btn-primary:hover *{color:#fff!important}.hero-cta-group .btn-outline{background-color:var(--color-surface);border:1.5px solid var(--color-ink-300);border-radius:var(--radius-full);color:var(--color-ink-900)!important}.hero-cta-group .btn-outline:hover,.hero-cta-group .btn-outline:focus{border-color:var(--color-green-500);background-color:var(--color-green-50);color:var(--color-green-800)!important}.hero-stats{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-16);flex-wrap:wrap;display:flex}.hero-stat{padding:var(--space-6) var(--space-8);background-color:var(--color-surface);transition:all var(--transition-base);border:1.5px solid #b8c0ba66;border-radius:28px;min-width:180px;box-shadow:0 8px 24px #1f241f0d}.hero-stat:first-child{background-color:var(--color-green-50);border-color:var(--color-green-100)}.hero-stat:nth-child(2){background-color:var(--color-orange-50);border-color:var(--color-orange-100)}.hero-stat:nth-child(3){background-color:var(--color-surface)}.hero-stat:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1f241f14}.hero-stat-value{font-size:clamp(28px,4vw,36px);font-weight:var(--weight-bold);color:var(--color-green-700);line-height:1.1}.hero-stat:nth-child(2) .hero-stat-value{color:var(--color-orange-500)}.hero-stat-label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-600);margin-top:var(--space-2)}.section{padding:var(--space-20) var(--space-6);background-color:var(--color-background);position:relative}.section-alt{max-width:var(--max-content-width);padding:var(--space-16) var(--space-6);background-color:#0000;margin:0 auto}.section-inner{max-width:var(--max-content-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-label{font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--color-orange-500);background-color:var(--color-orange-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);display:inline-block}.section-title{font-size:clamp(28px,3.5vw,40px);font-weight:var(--weight-bold);color:var(--color-ink-900);margin-bottom:var(--space-4);letter-spacing:-.01em}.section-subtitle{font-size:var(--text-body);color:var(--color-ink-600);max-width:580px;line-height:var(--leading-relaxed);margin:0 auto}.steps-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.step-card{padding:var(--space-8);text-align:left;transition:all var(--transition-base);border:1.5px solid #0000;border-radius:32px;position:relative;overflow:hidden}.step-card:first-child{background-color:var(--color-green-50);border-color:var(--color-green-100)}.step-card:nth-child(2){background-color:var(--color-orange-50);border-color:var(--color-orange-100)}.step-card:nth-child(3){background-color:var(--color-green-100);border-color:#2e8b6333}.step-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #1f241f14}.step-number{width:52px;height:52px;margin:0 0 var(--space-6) 0;font-size:var(--text-h3);font-weight:var(--weight-bold);color:#fff;background:linear-gradient(135deg, var(--color-green-500), var(--color-green-700));border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;box-shadow:0 6px 16px #2e8b634d}.step-card:nth-child(2) .step-number{background:linear-gradient(135deg, var(--color-orange-500), var(--color-orange-700));box-shadow:0 6px 16px #e8791f4d}.step-icon{width:64px;height:64px;margin-bottom:var(--space-5);background-color:var(--color-surface);color:var(--color-green-700);border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #1f241f0f}.step-card:nth-child(2) .step-icon{color:var(--color-orange-500)}.step-title{font-size:var(--text-h3);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--color-ink-900)}.step-desc{font-size:var(--text-body);color:var(--color-ink-600);line-height:var(--leading-relaxed)}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-8);background-color:var(--color-surface);transition:all var(--transition-base);border:1.5px solid #b8c0ba59;border-radius:28px;position:relative;overflow:hidden}.feature-card:first-child{background-color:var(--color-green-50);border-color:var(--color-green-100)}.feature-card:nth-child(2){background-color:var(--color-orange-50);border-color:var(--color-orange-100)}.feature-card:nth-child(3),.feature-card:nth-child(4){background-color:var(--color-surface)}.feature-card:nth-child(5){background-color:var(--color-orange-50);border-color:var(--color-orange-100)}.feature-card:nth-child(6){background-color:var(--color-green-50);border-color:var(--color-green-100)}.feature-card:hover{border-color:var(--color-green-500);transform:translateY(-5px);box-shadow:0 14px 36px #1f241f17}.feature-icon{width:56px;height:56px;margin-bottom:var(--space-6);border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #1f241f0d}.feature-icon-green{background-color:var(--color-surface);color:var(--color-green-500)}.feature-icon-orange{background-color:var(--color-surface);color:var(--color-orange-500)}.feature-title{font-size:var(--text-h3);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--color-ink-900)}.feature-desc{font-size:var(--text-body);color:var(--color-ink-600);line-height:var(--leading-relaxed)}.cta-section{padding:var(--space-16) var(--space-6) var(--space-20);text-align:center}.cta-card{max-width:840px;padding:var(--space-16) var(--space-10);background:linear-gradient(135deg, var(--color-green-900) 0%, var(--color-green-700) 100%);color:#fff;border-radius:36px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 48px #0f3d2e40}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8791f33,#0000 70%);width:360px;height:360px;position:absolute;top:-40%;right:-15%}.cta-title{font-size:clamp(28px,3.5vw,42px);font-weight:var(--weight-bold);margin-bottom:var(--space-4);letter-spacing:-.01em;position:relative;color:#fff!important}.cta-subtitle{opacity:.9;margin-bottom:var(--space-10);max-width:520px;font-size:clamp(16px,2vw,18px);line-height:var(--leading-relaxed);margin-left:auto;margin-right:auto;position:relative}.cta-btn,.cta-btn:visited{background-color:var(--color-orange-500);padding:var(--space-4) var(--space-8);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-bold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 8px 24px #e8791f66;color:#fff!important}.cta-btn:hover,.cta-btn:focus,.cta-btn:active{background-color:var(--color-orange-700);transform:translateY(-3px);box-shadow:0 12px 32px #e8791f80;color:#fff!important}.cta-btn *,.cta-btn:hover *{color:#fff!important}.footer{padding:var(--space-12) var(--space-6) var(--space-8);border-top:1px solid var(--color-ink-100);background-color:var(--color-surface)}.footer-inner{max-width:var(--max-content-width);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-h3);color:var(--color-green-700);display:flex}.footer-links{gap:var(--space-4);display:flex}.footer-link{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-fast)}.footer-link:hover{color:var(--color-green-700);background-color:var(--color-green-50)}.footer-copy{font-size:var(--text-small);color:var(--color-ink-600);text-align:center;width:100%;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-ink-100)}.dashboard-layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-ink-100);z-index:50;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar.collapsed{width:76px}.sidebar-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-ink-100);justify-content:space-between;align-items:center;display:flex}.sidebar.collapsed .sidebar-header{padding:var(--space-4) var(--space-2);justify-content:center}.sidebar-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-green-500), var(--color-green-700));border-radius:var(--radius-button);color:#fff;width:36px;height:36px;font-weight:var(--weight-bold);font-size:var(--text-body);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-green-700)}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);font-size:13.5px;font-weight:var(--weight-medium);color:var(--color-ink-600);border-radius:var(--radius-button);transition:all var(--transition-fast);padding:10px 14px;text-decoration:none;display:flex}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px 0}.sidebar-link:hover{background-color:var(--color-green-50);color:var(--color-green-700)}.sidebar-link.active{background-color:var(--color-green-100);color:var(--color-green-900);font-weight:var(--weight-semibold)}.sidebar-link-icon{flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-ink-100)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);transition:background-color var(--transition-fast);cursor:pointer;display:flex}.sidebar.collapsed .sidebar-user{padding:var(--space-2) 0;justify-content:center}.sidebar-user:hover{background-color:var(--color-green-50)}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-green-100), var(--color-green-50));width:34px;height:34px;font-weight:var(--weight-semibold);color:var(--color-green-700);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:var(--weight-semibold);color:var(--color-ink-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-points{color:var(--color-green-500);font-size:11.5px;font-weight:var(--weight-medium)}.dashboard-main{margin-left:var(--sidebar-width);padding:var(--space-8);min-width:0;min-height:100vh;max-width:calc(100vw - var(--sidebar-width));transition:margin-left var(--transition-base);flex:1;overflow-x:hidden}.dashboard-main.collapsed{max-width:calc(100vw - 76px);margin-left:76px}.dashboard-content{width:100%;min-width:0;max-width:1400px;margin:0 auto}.bottom-nav{height:var(--bottom-nav-height);background-color:var(--color-surface);border-top:1px solid var(--color-ink-100);z-index:50;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{height:100%;padding:0 var(--space-4);justify-content:space-around;align-items:center;display:flex}.bottom-nav-item{align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--color-ink-600);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:color var(--transition-fast);flex-direction:column;min-width:64px;text-decoration:none;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--color-green-700)}.bottom-nav-item.active{font-weight:var(--weight-semibold)}.support-widget-container{z-index:9999;position:fixed;bottom:24px;right:24px}.support-chat-modal{background-color:var(--color-surface);border:1.5px solid var(--color-ink-200);z-index:9999;border-radius:24px;flex-direction:column;width:380px;height:520px;animation:.2s ease-out fadeIn;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden;box-shadow:0 12px 36px #0003}.dashboard-top-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.dashboard-top-brand{display:none}.dashboard-top-left{align-items:center;gap:10px;display:flex}.dashboard-top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.mobile-drawer-toggle{background:var(--color-surface);border:1.5px solid var(--color-ink-200);border-radius:var(--radius-full);cursor:pointer;color:var(--color-ink-900);justify-content:center;align-items:center;padding:6px 10px;display:none;box-shadow:0 2px 6px #0000000a}.dashboard-mobile-brand{align-items:center;gap:8px;text-decoration:none;display:flex}.dashboard-mobile-user{display:none}.back-link{align-items:center;gap:var(--space-2);color:var(--color-ink-700);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:all var(--transition-fast);border-radius:var(--radius-full);background-color:var(--color-surface);border:1.5px solid var(--color-ink-200);margin:0;padding:6px 14px;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #00000008}.back-link:hover{color:var(--color-green-700);border-color:var(--color-green-500);background-color:var(--color-green-50)}.page-header{margin-bottom:var(--space-4)}.page-title{font-size:var(--text-h2);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-small);color:var(--color-ink-600)}.welcome-card{background:linear-gradient(135deg, var(--color-green-50) 0%, var(--color-surface) 100%);border:1px solid var(--color-green-100);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.welcome-text h2{font-size:var(--text-h3);margin-bottom:var(--space-1)}.welcome-text p{color:var(--color-ink-600)}.points-display{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-green-100);display:flex}.points-icon{background-color:var(--color-orange-50);border-radius:var(--radius-button);width:40px;height:40px;color:var(--color-orange-500);justify-content:center;align-items:center;display:flex}.points-value{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-green-700)}.points-label{font-size:var(--text-xs);color:var(--color-ink-600)}.filters-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.search-input-wrapper{flex:1;min-width:240px;position:relative}.search-input-wrapper .search-icon{left:var(--space-3);color:var(--color-ink-600);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-ink-900);background-color:var(--color-surface);border:1.5px solid var(--color-ink-300);border-radius:var(--radius-input);transition:all var(--transition-fast);outline:none}.search-input:focus{border-color:var(--color-green-500);box-shadow:0 0 0 3px #2e8b631f}.filter-select{min-width:160px}.questionnaire-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.q-card{background-color:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5);gap:var(--space-4);transition:all var(--transition-base);cursor:pointer;color:inherit;border:1px solid #b8c0ba80;flex-direction:column;text-decoration:none;display:flex}.q-card:hover{border-color:var(--color-green-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.q-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.q-card-title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-ink-900);line-height:var(--leading-normal);-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.q-card-meta{align-items:center;gap:var(--space-4);font-size:var(--text-small);color:var(--color-ink-600);display:flex}.q-card-meta-item{align-items:center;gap:var(--space-1);display:flex}.q-card-creator{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-ink-600);display:flex}.q-card-creator-avatar{border-radius:var(--radius-full);background-color:var(--color-green-100);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-green-700);justify-content:center;align-items:center;display:flex}.q-card-progress{align-items:center;gap:var(--space-3);display:flex}.q-card-progress-label{font-size:var(--text-small);color:var(--color-ink-600);white-space:nowrap;min-width:fit-content}.q-card-footer{padding-top:var(--space-3);border-top:1px solid var(--color-ink-100);justify-content:space-between;align-items:center;display:flex}.q-card-points{align-items:center;gap:var(--space-1);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-orange-500);display:flex}.auth-page{min-height:100vh;padding:var(--space-6);background-color:var(--color-background);justify-content:center;align-items:center;display:flex}.auth-container{width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);text-decoration:none;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--color-green-500), var(--color-green-700));border-radius:var(--radius-card);color:#fff;width:44px;height:44px;font-weight:var(--weight-bold);font-size:var(--text-h3);justify-content:center;align-items:center;display:flex}.auth-logo-text{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-green-700)}.auth-title{font-size:var(--text-h2);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-ink-600)}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-ink-100);border-radius:var(--radius-card);padding:var(--space-8);box-shadow:var(--shadow-md)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-4);color:var(--color-ink-600);font-size:var(--text-small);display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-ink-200);flex:1;height:1px}.auth-google-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink-900);background-color:var(--color-surface);border:1.5px solid var(--color-ink-300);border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-fast);display:flex}.auth-google-btn:hover{background-color:var(--color-background);border-color:var(--color-ink-900)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-small);color:var(--color-ink-600)}.auth-footer a{color:var(--color-green-700);font-weight:var(--weight-semibold)}.admin-grid-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;width:100%;display:grid}.admin-support-layout{grid-template-columns:320px 1fr;width:100%;min-height:600px;max-height:75vh;display:grid;overflow:hidden}.create-grid-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;width:100%;display:grid}.create-form{max-width:100%}.create-form .card{gap:var(--space-5);flex-direction:column;display:flex}.form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.form-actions{align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-ink-100);display:flex}.points-cost-preview{background-color:var(--color-orange-50);border:1px solid var(--color-orange-100);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);display:flex}.points-cost-value{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-orange-500)}.points-cost-label{font-size:var(--text-small);color:var(--color-orange-900)}.points-cost-note{font-size:var(--text-xs);color:var(--color-ink-600)}.detail-page{max-width:100%}.detail-header{margin-bottom:var(--space-6)}.detail-badges{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.detail-title{font-size:var(--text-h2);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.detail-meta{align-items:center;gap:var(--space-6);font-size:var(--text-small);color:var(--color-ink-600);flex-wrap:wrap;display:flex}.detail-meta-item{align-items:center;gap:var(--space-2);display:flex}.detail-body{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.detail-body>div:first-child{min-width:0;max-width:100%}.detail-description{line-height:var(--leading-relaxed);color:var(--color-ink-900);margin-bottom:var(--space-6)}.detail-info-card{top:var(--space-8);position:sticky}.detail-info-card .card{gap:var(--space-5);flex-direction:column;display:flex}.detail-info-row{justify-content:space-between;align-items:center;display:flex}.detail-info-label{font-size:var(--text-small);color:var(--color-ink-600)}.detail-info-value{font-weight:var(--weight-semibold)}.detail-points-reward{align-items:center;gap:var(--space-2);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-orange-500);padding:var(--space-4);background-color:var(--color-orange-50);border-radius:var(--radius-button);justify-content:center;display:flex}.profile-header-card{align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-green-100), var(--color-green-50));width:72px;height:72px;font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-green-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-info{flex:1}.profile-name{font-size:var(--text-h2);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.profile-detail{font-size:var(--text-body);color:var(--color-ink-600)}.profile-stats{gap:var(--space-5);display:flex}.profile-stat{text-align:center;padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-green-100);border-radius:var(--radius-card);min-width:120px}.profile-stat-value{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-green-700)}.profile-stat-label{font-size:var(--text-small);color:var(--color-ink-600);margin-top:var(--space-1)}.tabs{border-bottom:2px solid var(--color-ink-100);margin-bottom:var(--space-6);gap:0;display:flex}.tab{padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.tab:hover{color:var(--color-green-700)}.tab.active{color:var(--color-green-700);border-bottom-color:var(--color-green-500);font-weight:var(--weight-semibold)}.activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border-radius:var(--radius-card);transition:background-color var(--transition-fast);border:1px solid #b8c0ba4d;display:flex}.activity-item:hover{background-color:var(--color-green-50)}.activity-icon{border-radius:var(--radius-button);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon-earned{background-color:var(--color-green-50);color:var(--color-green-500)}.activity-icon-spent{background-color:var(--color-orange-50);color:var(--color-orange-500)}.activity-icon-penalty{color:var(--color-error);background-color:#fee2e2}.activity-icon-pin{color:#2563eb;background-color:#eff6ff}[data-theme=dark] .activity-icon-earned{color:#34d399;background-color:#34d3992e}[data-theme=dark] .activity-icon-spent{color:#fbbf24;background-color:#f59e0b2e}[data-theme=dark] .activity-icon-pin{color:#60a5fa;background-color:#2563eb38}[data-theme=dark] .activity-icon-penalty{color:#f87171;background-color:#ef444438}.tabs-scroll-container{white-space:nowrap;margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;display:flex;overflow:auto hidden;scrollbar-width:none!important;-ms-overflow-style:none!important}.tabs-scroll-container::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.activity-info{flex:1;min-width:0}.activity-title{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-date{font-size:var(--text-small);color:var(--color-ink-600)}.activity-points{font-size:var(--text-body);font-weight:var(--weight-bold);white-space:nowrap}.activity-points.earned{color:var(--color-green-500)}.activity-points.spent{color:var(--color-orange-500)}.activity-main{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.activity-actions-row{flex-shrink:0;align-items:center;gap:8px;margin-left:12px;display:flex}.activity-right-content{flex-shrink:0;align-items:center;gap:12px;display:flex}.activity-created-actions{align-items:center;gap:8px;display:flex}.notification-popover-panel{width:360px;max-width:calc(100vw - 32px);position:absolute;top:46px;right:0}.filters-bar{align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.filter-search-wrapper{flex:1.2;min-width:220px}.filters-select-group{flex:2.5;align-items:center;gap:12px;display:flex}.filter-select-item{flex:1;min-width:120px}.pricing-cards-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px;display:grid}.btn-label-desktop{display:inline}.btn-label-mobile{display:none}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-6);background-color:var(--color-green-50);border-radius:var(--radius-full);color:var(--color-green-500);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.empty-state-desc{color:var(--color-ink-600);margin-bottom:var(--space-6)}.back-link{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-600);margin-bottom:var(--space-6);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-green-700)}@media (max-width:1024px){.steps-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.steps-grid:before{display:none}.features-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.detail-body{grid-template-columns:1fr}.detail-info-card{position:static}}@media (max-width:768px){.sidebar{display:none}.bottom-nav{display:block}.dashboard-main{width:100%!important;max-width:100vw!important;padding:var(--space-4) var(--space-3) calc(var(--bottom-nav-height) + var(--space-6))!important;box-sizing:border-box!important;margin-left:0!important;overflow-x:hidden!important}.dashboard-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}.admin-grid-layout{grid-template-columns:1fr!important;gap:20px!important;width:100%!important}.admin-support-layout{flex-direction:column!important;width:100%!important;height:calc(100vh - 180px)!important;min-height:auto!important;max-height:none!important;display:flex!important}.admin-support-left-pane,.admin-support-right-pane{flex:1!important;width:100%!important;height:100%!important}.admin-support-left-pane.mobile-hidden,.admin-support-right-pane.mobile-hidden{display:none!important}.mobile-only-back{display:inline-flex!important}.create-grid-layout{grid-template-columns:1fr!important;gap:20px!important;width:100%!important}.detail-body{grid-template-columns:1fr!important;gap:16px!important;width:100%!important}.questionnaire-grid{grid-template-columns:1fr!important;width:100%!important}.hero-stats{gap:var(--space-5);flex-direction:column}.form-row{grid-template-columns:1fr}.navbar-links-desktop{display:none!important}.navbar-burger-btn{display:flex!important}.footer-inner{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.footer-links{flex-wrap:wrap!important;justify-content:center!important;gap:8px 12px!important;width:100%!important}.footer-link{padding:6px 10px!important;font-size:13px!important}.footer-copy{margin-top:16px!important;padding-top:16px!important}.notification-popover-panel{width:auto!important;max-width:440px!important;margin:0 auto!important;position:fixed!important;top:64px!important;left:16px!important;right:16px!important;box-shadow:0 16px 40px #00000040!important}.filters-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.filter-search-wrapper{flex:auto!important;width:100%!important;min-width:0!important}.filters-select-group{flex-wrap:wrap!important;flex:auto!important;gap:8px!important;width:100%!important;display:flex!important}.filter-select-item{flex:calc(33.33% - 6px)!important;min-width:95px!important}.profile-header-card{text-align:center;flex-direction:column}.profile-stats{box-sizing:border-box!important;flex-direction:row!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important;margin-top:16px!important;display:grid!important}.profile-stat{text-align:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:10px 4px!important}.profile-stat-value{font-size:clamp(16px,4vw,22px)!important;font-weight:700!important}.profile-stat-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:clamp(10px,2.8vw,12px)!important}.user-name-cell{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.profile-stat-label{font-size:11.5px!important}.activity-item{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:12px 14px!important;display:flex!important}.activity-main{align-items:flex-start!important;gap:10px!important;width:100%!important;display:flex!important}.activity-main .activity-points{text-align:right!important;flex-shrink:0!important;margin-left:auto!important}.activity-actions-row{border-top:1px dashed var(--color-ink-100)!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:2px!important;padding-top:8px!important;display:flex!important}.pricing-cards-grid{grid-template-columns:1fr!important}.btn-label-desktop{display:none!important}.btn-label-mobile{display:inline!important}.welcome-card,.q-card,.card{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.mobile-drawer-toggle{display:inline-flex}.dashboard-top-brand,.dashboard-mobile-user{display:flex}.support-widget-container>button{display:none!important}.support-widget-container{position:static!important}.support-chat-modal{margin:0 auto;z-index:9999!important;width:auto!important;max-width:400px!important;height:calc(100vh - 150px)!important;max-height:520px!important;position:fixed!important;bottom:74px!important;left:16px!important;right:16px!important;box-shadow:0 12px 36px #00000040!important}.detail-page{width:100%;padding:0;overflow-x:hidden}.detail-header{padding:var(--space-4)!important;border-radius:20px!important}.detail-title{word-break:break-word;font-size:22px!important;line-height:1.3!important}.detail-meta{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.detail-body{width:100%;grid-template-columns:1fr!important;gap:16px!important}.q-card,.card{word-break:break-word;box-sizing:border-box!important;max-width:100%!important;padding:16px!important}}@media (max-width:480px){.dashboard-main{padding:var(--space-4) var(--space-3) calc(var(--bottom-nav-height) + var(--space-4))}.back-link-text{font-size:0}.back-link-text:before{content:"Kembali";font-size:13px}.detail-title{font-size:20px!important}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:12px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 10px 30px #00000026}.toast-item.toast-success{background-color:var(--color-surface);border:1.5px solid var(--color-green-500);color:var(--color-ink-900)}.toast-icon-success{color:var(--color-green-500)}.toast-item.toast-error{color:#991b1b;background-color:#fee2e2;border:1.5px solid #fca5a5}.toast-icon-error{color:#dc2626}[data-theme=dark] .toast-item.toast-error{color:#fee2e2;background-color:#3f1d1d;border:1.5px solid #ef4444}.toast-item.toast-info{background-color:var(--color-surface);border:1.5px solid var(--color-green-700);color:var(--color-ink-900)}.toast-icon-info{color:var(--color-green-700)}.reveal-on-scroll{will-change:opacity, transform;opacity:0!important;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)!important;transform:translateY(36px)scale(.97)!important}.reveal-on-scroll.is-visible{opacity:1!important;transform:translateY(0)scale(1)!important}.delay-1{transition-delay:.1s!important}.delay-2{transition-delay:.2s!important}.delay-3{transition-delay:.3s!important}.delay-4{transition-delay:.4s!important}.delay-5{transition-delay:.5s!important}.delay-6{transition-delay:.6s!important}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-dropdown{transform-origin:100% 0;animation:.22s cubic-bezier(.16,1,.3,1) forwards dropdownSlideDown}.faq-accordion-item{transition:border-color .25s,box-shadow .25s}.faq-answer-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .3s;display:grid}.faq-answer-wrapper.is-open{opacity:1;grid-template-rows:1fr}.faq-answer-inner{min-height:0;overflow:hidden}.required-asterisk{margin-left:2px;font-weight:700;color:var(--color-error)!important}