:root{--green-50: #effbf2;--green-100: #d7f3df;--green-200: #b0e6c0;--green-400: #4cc271;--green-500: #22a04b;--green-600: #178a3e;--green-700: #15803d;--green-800: #166534;--green-900: #0f4423;--yellow-100: #fff3c4;--yellow-300: #ffd95e;--yellow-400: #ffc93c;--yellow-500: #f5b400;--orange-100: #ffe6d1;--orange-400: #fb923c;--orange-500: #f97316;--orange-700: #c2410c;--brown-900: #2b2118;--brown-700: #5c4a39;--brown-500: #8b6b4a;--bg: #fff9ee;--bg-alt: #fff2dc;--surface: #ffffff;--surface-2: #fffaf1;--surface-3: #fbf1e1;--ink: #2b2118;--ink-2: #5c4a39;--muted: #74624f;--border: #f0e2cb;--border-strong: #e3cfae;--primary: var(--green-700);--primary-hover: var(--green-800);--primary-soft: var(--green-50);--primary-ink: var(--green-800);--on-primary: #ffffff;--secondary: var(--yellow-400);--secondary-soft: var(--yellow-100);--on-secondary: #3b2a12;--accent: var(--orange-500);--accent-ink: var(--orange-700);--accent-soft: var(--orange-100);--success: #15803d;--success-soft: #dcf5e3;--warning: #a35c00;--warning-soft: #fff1c9;--error: #c62828;--error-soft: #fde4e1;--info: #0f766e;--info-soft: #d7f3ef;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-2xl: 32px;--pill: 999px;--shadow-sm: 0 2px 6px rgba(92, 64, 24, .07);--shadow: 0 10px 28px -12px rgba(92, 64, 24, .22), 0 2px 6px rgba(92, 64, 24, .05);--shadow-lg: 0 24px 48px -20px rgba(92, 64, 24, .32);--clay: inset 0 -4px 0 rgba(0, 0, 0, .12), 0 6px 14px -6px rgba(21, 128, 61, .45);--clay-y: inset 0 -4px 0 rgba(120, 72, 0, .18), 0 6px 14px -6px rgba(200, 140, 0, .5);--ring: 0 0 0 3px var(--bg), 0 0 0 6px var(--green-500);--font-head: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--container: 1240px;--gutter: 24px;--nav-h: 72px;--bounce: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}[data-theme=dark]{--bg: #1d1913;--bg-alt: #241f17;--surface: #2a241b;--surface-2: #2f281e;--surface-3: #372e22;--ink: #f7efe1;--ink-2: #e2d4bd;--muted: #c4b297;--border: #43382a;--border-strong: #574834;--primary: #3fbf69;--primary-hover: #5ccf82;--primary-soft: #1f3324;--primary-ink: #7fdc9c;--on-primary: #0e2615;--secondary-soft: #3d3218;--accent-ink: #fdba74;--accent-soft: #3e2a18;--success: #6fd690;--success-soft: #1e3524;--warning: #f5c35c;--warning-soft: #3b3018;--error: #ff8a80;--error-soft: #3d2220;--info: #5ed3c4;--info-soft: #173431;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25);--shadow: 0 10px 28px -12px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 48px -20px rgba(0, 0, 0, .7);--clay: inset 0 -4px 0 rgba(0, 0, 0, .18), 0 6px 14px -6px rgba(0, 0, 0, .5);--clay-y: inset 0 -4px 0 rgba(0, 0, 0, .18), 0 6px 14px -6px rgba(0, 0, 0, .5);--ring: 0 0 0 3px var(--bg), 0 0 0 6px var(--green-400);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.15;margin:0 0 .4em;color:var(--ink);letter-spacing:-.01em}h1{font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800}h2{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800}h3{font-size:1.25rem;font-weight:700}p{margin:0 0 1em}a{color:var(--primary-ink);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--primary);color:var(--on-primary);padding:10px 16px;border-radius:var(--pill);font-weight:800}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.section{padding:72px 0}.section-sm{padding:40px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.section-head p{color:var(--muted);margin:0;max-width:560px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);margin-bottom:8px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{text-align:center}@media (max-width: 760px){.hide-mobile{display:none!important}:root{--gutter: 16px}.section{padding:52px 0}}.btn{--h: 48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:0 22px;border-radius:var(--pill);border:2px solid transparent;font-weight:800;font-size:1rem;line-height:1;text-decoration:none!important;white-space:nowrap;transition:transform .2s var(--bounce),background-color .2s,box-shadow .2s,border-color .2s}.btn:active{transform:translateY(2px) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--clay)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.btn-yellow{background:var(--secondary);color:var(--on-secondary);box-shadow:var(--clay-y)}.btn-yellow:hover:not(:disabled){background:var(--yellow-300);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary-ink)}.btn-soft{background:var(--primary-soft);color:var(--primary-ink)}.btn-soft:hover:not(:disabled){background:var(--green-100)}[data-theme=dark] .btn-soft:hover:not(:disabled){background:#284a31}.btn-danger{background:var(--error-soft);color:var(--error)}.btn-sm{--h: 38px;padding:0 16px;font-size:.9rem}.btn-lg{--h: 56px;padding:0 30px;font-size:1.08rem}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--pill);border:2px solid var(--border);background:var(--surface);color:var(--ink);transition:border-color .2s,transform .2s var(--bounce);position:relative}.icon-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.link-btn{background:none;border:0;padding:0;color:var(--primary-ink);font-weight:800}.link-btn:hover{text-decoration:underline}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.card-hover{transition:transform .25s var(--bounce),box-shadow .25s,border-color .25s}.card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow);border-color:var(--green-200)}[data-theme=dark] .card-hover:hover{border-color:#3c6b49}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--pill);font-size:.75rem;font-weight:800;line-height:1.5;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--error-soft);color:var(--error)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-yellow{background:var(--secondary);color:var(--on-secondary)}.badge-orange{background:var(--accent-ink);color:#fff}[data-theme=dark] .badge-orange{background:var(--orange-500);color:#2b1505}.badge-neutral{background:var(--surface-3);color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--pill);background:var(--surface);border:2px solid var(--border);color:var(--ink);font-weight:700;transition:all .2s var(--bounce);text-decoration:none!important}.chip:hover{border-color:var(--primary);transform:translateY(-2px)}.chip[aria-pressed=true],.chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.plogo{display:grid;place-items:center;flex-shrink:0;border-radius:30%;color:#fff;font-family:var(--font-head);font-weight:800;letter-spacing:-.02em;box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff2e;text-shadow:0 1px 0 rgba(0,0,0,.2);overflow:hidden;position:relative}.plogo:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;right:-25%;top:-25%;background:#ffffff24}.topbar{background:var(--green-800);color:#eafbe9;font-size:.85rem;font-weight:700}[data-theme=dark] .topbar{background:#12301c}.topbar .container{display:flex;align-items:center;gap:16px;height:38px}.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:inline-flex;gap:48px;white-space:nowrap;animation:marquee 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{display:inline-flex;align-items:center;gap:6px}@keyframes marquee{to{transform:translate(-50%)}}.topbar-cs{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.navbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:2px solid var(--border)}.navbar .container{display:flex;align-items:center;gap:20px;height:var(--nav-h)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--ink);flex-shrink:0}.brand-mark{width:42px;height:42px}.brand-name{font-family:var(--font-head);font-weight:800;font-size:1.3rem;line-height:1;letter-spacing:-.02em}.brand-name b{color:var(--primary-ink)}.brand-name small{display:block;font-family:var(--font-body);font-size:.68rem;color:var(--muted);font-weight:700;letter-spacing:.02em;margin-top:3px}.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-links a{padding:8px 12px;border-radius:var(--pill);color:var(--ink-2);font-weight:700;font-size:.95rem;white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{background:var(--surface-3);color:var(--ink)}.nav-links a.active{background:var(--primary-soft);color:var(--primary-ink)}.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.balance-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;border-radius:var(--pill);background:var(--surface);border:2px solid var(--border);font-weight:800;white-space:nowrap}.balance-pill small{display:block;font-size:.68rem;color:var(--muted);font-weight:700;line-height:1}.balance-pill .val{line-height:1.2}.dot-count{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--pill);background:var(--accent-ink);color:#fff;font-size:.7rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--secondary);color:var(--on-secondary);font-weight:800;font-family:var(--font-head);flex-shrink:0}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:260px;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:50;animation:pop .2s var(--bounce)}.dropdown-menu a,.dropdown-menu button.item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-sm);color:var(--ink);font-weight:700;text-decoration:none;background:none;border:0;text-align:left}.dropdown-menu a:hover,.dropdown-menu button.item:hover{background:var(--surface-3)}.dropdown-head{padding:10px 12px 12px;border-bottom:2px dashed var(--border);margin-bottom:6px}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}}.hamburger{display:none}@media (max-width: 1180px){.nav-links{display:none}.hamburger{display:inline-grid}}@media (max-width: 760px){.navbar .container{gap:10px}.brand-name small,.nav-actions .btn-auth,.balance-pill .topup-label,.topbar-cs{display:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e140873;z-index:80;animation:fade .2s}.drawer{position:fixed;top:0;bottom:0;right:0;width:min(360px,88vw);background:var(--bg);z-index:81;padding:20px;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .28s var(--bounce);display:flex;flex-direction:column;gap:6px}.drawer a.dl{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-md);color:var(--ink);font-weight:800;text-decoration:none}.drawer a.dl:hover,.drawer a.dl.active{background:var(--primary-soft);color:var(--primary-ink)}@keyframes slideIn{0%{transform:translate(100%)}}@keyframes fade{0%{opacity:0}}.hero{position:relative;overflow:hidden;padding:56px 0 72px;background:radial-gradient(600px 300px at 85% 20%,color-mix(in srgb,var(--secondary) 35%,transparent),transparent 70%),radial-gradient(500px 300px at 5% 90%,color-mix(in srgb,var(--green-400) 22%,transparent),transparent 70%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}.hero h1{max-width:14ch}.hero h1 .hl{color:var(--primary-ink);position:relative;white-space:nowrap}.hero h1 .hl:after{content:"";position:absolute;left:-4px;right:-4px;bottom:.08em;height:.32em;background:var(--secondary);border-radius:8px;z-index:-1;opacity:.85}.hero-sub{font-size:1.15rem;color:var(--ink-2);max-width:54ch}.hero-art{position:relative;display:grid;place-items:center}.hero-blob{position:absolute;width:92%;aspect-ratio:1;border-radius:42% 58% 55% 45%/50% 45% 55% 50%;background:var(--secondary);opacity:.9;animation:blob 12s ease-in-out infinite}[data-theme=dark] .hero-blob{background:#4a3a14}@keyframes blob{50%{border-radius:55% 45% 42% 58%/45% 55%;transform:rotate(8deg)}}.hero-bubble{position:absolute;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);padding:10px 14px;font-weight:800;box-shadow:var(--shadow);font-size:.9rem;display:flex;align-items:center;gap:8px;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.hero-stats{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg)}.stat-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink)}.stat b{display:block;font-family:var(--font-head);font-size:1.25rem;line-height:1.1}.stat span{font-size:.85rem;color:var(--muted);font-weight:700}@media (max-width: 960px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-art{display:none}}.search{position:relative;margin:28px 0 16px;max-width:640px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 22px;background:var(--surface);border:3px solid var(--border-strong);border-radius:var(--pill);box-shadow:var(--shadow);transition:border-color .2s}.search-box:focus-within{border-color:var(--primary)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:1.1rem;font-weight:600;height:48px}.search-box input::placeholder{color:var(--muted)}.search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:30;max-height:360px;overflow-y:auto}.search-results a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-sm);color:var(--ink);font-weight:700;text-decoration:none}.search-results a:hover,.search-results a[aria-selected=true]{background:var(--surface-3)}.chips{display:flex;gap:10px;flex-wrap:wrap}.slider{position:relative;border-radius:var(--r-2xl);overflow:hidden}.slides{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1)}.slide{min-width:100%;min-height:240px;padding:40px 48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;position:relative;overflow:hidden}.slide h3{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;max-width:22ch;color:inherit}.slide p{max-width:50ch;opacity:.95;font-weight:600}.slide-green{background:var(--green-700);color:#fff}.slide-yellow{background:var(--yellow-400);color:#3b2a12}.slide-orange{background:#c2410c;color:#fff}.slide-deco{position:absolute;border-radius:50%;opacity:.18;background:currentColor}.slider-ctrl{position:absolute;bottom:18px;right:22px;display:flex;gap:8px;align-items:center}.slider-ctrl .icon-btn{width:40px;height:40px;background:#ffffffeb;color:#2b2118;border-color:transparent}.dots{display:flex;gap:6px;margin-right:6px}.dots button{width:10px;height:10px;border-radius:99px;border:0;padding:0;background:#ffffff8c;transition:width .3s}.slide-yellow~.slider-ctrl .dots button{background:#00000040}.dots button[aria-current=true]{width:28px;background:#fff}@media (max-width: 760px){.slide{grid-template-columns:1fr;padding:28px 24px 70px}.slide .slide-art{display:none}}.catalog{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.cat-side{position:sticky;top:calc(var(--nav-h) + 16px);padding:12px}.cat-side h3{font-size:1rem;padding:8px 12px 4px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-body);font-weight:800}.cat-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:var(--r-md);background:none;font-weight:800;color:var(--ink-2);text-align:left;transition:background .2s;min-height:48px}.cat-btn:hover{background:var(--surface-3)}.cat-btn[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-ink)}.cat-btn .cnt{margin-left:auto;font-size:.8rem;background:var(--surface-3);border-radius:var(--pill);padding:0 8px;color:var(--muted)}.cat-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--secondary-soft);color:var(--accent-ink);flex-shrink:0}.cat-mobile{display:none;overflow-x:auto;gap:8px;padding-bottom:6px;margin-bottom:16px;scrollbar-width:none}@media (max-width: 960px){.catalog{grid-template-columns:minmax(0,1fr)}.cat-side{display:none}.cat-mobile{display:flex}}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.pcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 12px 16px;color:var(--ink);text-decoration:none!important;position:relative}.pcard .pname{font-weight:800;line-height:1.25;font-size:.97rem}.pcard .ppub{font-size:.78rem;color:var(--muted);font-weight:700}.pcard .badge{position:absolute;top:10px;right:10px}.cat-group{margin-bottom:36px}.cat-group h3{display:flex;align-items:center;gap:10px}.flash{background:linear-gradient(135deg,#c2410c,#ea580c 55%,#f59e0b);border-radius:var(--r-2xl);padding:28px;color:#fff}[data-theme=dark] .flash{background:linear-gradient(135deg,#7c2d12,#9a3412 60%,#92400e)}.flash h2{color:#fff;margin:0}.countdown{display:inline-flex;gap:6px;align-items:center;font-weight:800}.countdown span.box{background:#2b2118;color:#fff;border-radius:10px;min-width:42px;padding:6px 8px;text-align:center;font-family:var(--font-head);font-size:1.2rem;font-variant-numeric:tabular-nums}.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;scrollbar-width:thin}.hscroll>*{scroll-snap-align:start}.fcard{background:var(--surface);color:var(--ink);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none!important;border:2px solid transparent}.fcard .old{text-decoration:line-through;color:var(--muted);font-size:.85rem;font-weight:700}.fcard .price{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--accent-ink);line-height:1}.bar{height:10px;border-radius:99px;background:var(--accent-soft);overflow:hidden}.bar>i{display:block;height:100%;background:var(--orange-500);border-radius:inherit}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}.how{padding:24px;text-align:center;position:relative}.how .num{position:absolute;top:16px;left:16px;width:34px;height:34px;border-radius:50%;background:var(--secondary);color:var(--on-secondary);font-weight:800;display:grid;place-items:center;font-family:var(--font-head)}.how-art{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center}@media (max-width: 960px){.how-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.how-grid{grid-template-columns:1fr}}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why{padding:24px}.why .ic{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin-bottom:14px}@media (max-width: 960px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.why-grid{grid-template-columns:1fr}}.testi{padding:24px;display:flex;flex-direction:column;gap:14px;min-height:100%}.testi blockquote{margin:0;font-size:1rem;color:var(--ink-2);flex:1}.stars{display:flex;gap:2px;color:var(--yellow-500)}.agent-cta{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:40px;border-radius:var(--r-2xl);background:var(--green-800);color:#fff;position:relative;overflow:hidden}[data-theme=dark] .agent-cta{background:#173c22}.agent-cta h2{color:#fff}.agent-cta ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}.agent-cta li{display:flex;gap:10px;align-items:center;font-weight:700}@media (max-width: 860px){.agent-cta{grid-template-columns:1fr;padding:28px}.agent-cta .agent-art{display:none}}.acc{border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.acc+.acc{margin-top:12px}.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:none;border:0;text-align:left;font-weight:800;font-size:1.02rem;min-height:56px}.acc-btn svg{transition:transform .25s var(--bounce);flex-shrink:0;color:var(--primary-ink)}.acc-btn[aria-expanded=true] svg{transform:rotate(180deg)}.acc-panel{padding:0 20px 18px;color:var(--ink-2)}.acc-panel ol{padding-left:20px;margin:0;display:grid;gap:6px}.shops{color:var(--green-800);margin-top:40px;line-height:0}[data-theme=dark] .shops{color:#16301e}.footer{background:var(--green-800);color:#e6f6e9;padding:56px 0 24px}[data-theme=dark] .footer{background:#16301e}.footer a{color:#e6f6e9}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}.footer h4{color:#fff;font-family:var(--font-head);font-size:1.05rem;margin-bottom:12px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-weight:600}.footer .brand{color:#fff}.footer .brand-name b{color:var(--yellow-300)}.footer .brand-name small{color:#bfe3c8}.pay-logos{display:flex;flex-wrap:wrap;gap:8px}.pay-logo{background:#fff;color:#2b2118;border-radius:10px;padding:6px 10px;font-weight:800;font-size:.75rem;min-width:56px;text-align:center}.footer-bottom{border-top:2px dashed rgba(255,255,255,.2);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.9rem}.socials{display:flex;gap:8px}.socials a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffffff1f}.socials a:hover{background:#ffffff3d}@media (max-width: 960px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1 / -1}}.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:0 20px 0 14px;height:56px;border-radius:var(--pill);background:#1f9d55;color:#fff!important;font-weight:800;box-shadow:0 10px 24px -8px #15803db3,inset 0 -4px #00000026;text-decoration:none!important;transition:transform .25s var(--bounce)}.wa-float:hover{transform:translateY(-3px) scale(1.03)}.wa-float .pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:3px solid #1f9d55;animation:pulse 2.4s ease-out infinite}@keyframes pulse{to{transform:scale(1.25);opacity:0}}@media (max-width: 760px){.wa-float span.t{display:none}.wa-float{padding:0;width:56px;justify-content:center}.has-bottom-bar .wa-float{bottom:96px}}.field{display:grid;gap:6px}.field label,.label{font-weight:800;font-size:.92rem;color:var(--ink)}.input,.select,.textarea{width:100%;min-height:52px;padding:12px 16px;border-radius:var(--r-md);border:2px solid var(--border-strong);background:var(--surface);font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--muted);opacity:.85;font-weight:500}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--green-400) 25%,transparent)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--error)}.input-group{display:flex;gap:8px;align-items:stretch}.input-wrap{position:relative;flex:1}.input-wrap .adorn{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input-wrap .pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--muted)}.help{font-size:.85rem;color:var(--muted);font-weight:600}.err{font-size:.86rem;color:var(--error);font-weight:700;display:flex;align-items:center;gap:6px}.ok-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--success-soft);color:var(--success);font-weight:700}.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);font-weight:600}.alert-warning{background:var(--warning-soft);color:var(--warning)}.alert-error{background:var(--error-soft);color:var(--error)}.alert-info{background:var(--info-soft);color:var(--info)}.check{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--primary)}.switch{position:relative;width:52px;height:30px;flex-shrink:0}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:99px;transition:background .2s}.switch span:after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s var(--bounce);box-shadow:var(--shadow-sm)}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(22px)}.switch input:focus-visible+span{box-shadow:var(--ring)}.pp-head{padding:28px 0 0}.crumbs{display:flex;gap:8px;align-items:center;font-size:.88rem;font-weight:700;color:var(--muted);flex-wrap:wrap;margin-bottom:18px}.crumbs a{color:var(--muted)}.pp-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:24px;align-items:start;padding-bottom:72px}.pp-info{position:sticky;top:calc(var(--nav-h) + 16px);overflow:hidden}.pp-banner{height:120px;position:relative;display:flex;align-items:flex-end;padding:0 20px}.pp-banner .plogo{transform:translateY(40%);border:4px solid var(--surface)}.pp-info .body{padding:44px 20px 20px}.pp-info ol{padding-left:20px;margin:0;display:grid;gap:6px;color:var(--ink-2);font-size:.93rem}.info-row{display:flex;gap:10px;align-items:center;font-size:.9rem;font-weight:700;color:var(--ink-2)}.info-row svg{color:var(--primary-ink);flex-shrink:0}.pp-summary{position:sticky;top:calc(var(--nav-h) + 16px)}@media (max-width: 1180px){.pp-grid{grid-template-columns:minmax(0,1fr) 320px}.pp-info{position:static;grid-column:1 / -1;display:grid;grid-template-columns:200px 1fr}.pp-info .pp-banner{height:auto;align-items:center;justify-content:center}.pp-info .pp-banner .plogo{transform:none}.pp-info .body{padding:20px}.pp-info .how-to{display:none}}@media (max-width: 860px){.pp-grid{grid-template-columns:1fr}.pp-info{grid-template-columns:110px 1fr}.pp-info .body p.desc{display:none}.pp-summary{position:static}}.step{padding:0;overflow:visible}.step+.step{margin-top:18px}.step-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:2px dashed var(--border)}.step-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:1.1rem;background:var(--primary);color:var(--on-primary);flex-shrink:0;box-shadow:var(--clay)}.step-head h2{font-size:1.2rem;margin:0}.step-head p{margin:0;font-size:.86rem;color:var(--muted);font-weight:600}.step-body{padding:20px 22px 22px}.step.done .step-num{background:var(--secondary);color:var(--on-secondary);box-shadow:var(--clay-y)}.step.has-error{border-color:var(--error)}.op-detect{display:inline-flex;align-items:center;gap:8px;font-weight:800;padding:4px 10px 4px 4px;border-radius:var(--pill);background:var(--surface-3);font-size:.85rem}.tabs{display:flex;gap:6px;padding:5px;background:var(--surface-3);border-radius:var(--pill);margin-bottom:16px;overflow-x:auto}.tabs button{flex:1;min-height:40px;padding:0 16px;border:0;border-radius:var(--pill);background:none;font-weight:800;color:var(--ink-2);white-space:nowrap}.tabs button[aria-selected=true]{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ncard{position:relative;text-align:left;padding:14px 14px 12px;border-radius:var(--r-md);border:2px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;gap:4px;transition:transform .2s var(--bounce),border-color .2s,background .2s;min-height:96px}.ncard:hover{transform:translateY(-3px);border-color:var(--green-200)}.ncard[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px var(--primary) inset}.ncard .nname{font-weight:800;font-size:.95rem;line-height:1.25}.ncard .nmeta{font-size:.78rem;color:var(--muted);font-weight:700}.ncard .nprice{font-family:var(--font-head);font-weight:800;font-size:1.1rem;color:var(--primary-ink);line-height:1;margin-top:auto}.ncard .nold{font-size:.78rem;color:var(--muted);text-decoration:line-through;font-weight:700}.ncard .badge{position:absolute;top:-10px;right:10px}.ncard .tick{position:absolute;bottom:10px;right:10px;color:var(--primary)}.pay-group+.pay-group{margin-top:18px}.pay-group h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--font-body);font-weight:800;margin-bottom:10px}.pay-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.paycard{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:2px solid var(--border);background:var(--surface-2);text-align:left;transition:border-color .2s,transform .2s var(--bounce);min-height:68px}.paycard:hover:not(:disabled){border-color:var(--green-200);transform:translateY(-2px)}.paycard[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px var(--primary) inset}.paycard:disabled{opacity:.55;cursor:not-allowed}.paycard .pm-name{font-weight:800;font-size:.93rem;line-height:1.2}.paycard .pm-fee{font-size:.78rem;color:var(--muted);font-weight:700}.paycard .pm-total{margin-left:auto;text-align:right;font-weight:800;font-size:.92rem;white-space:nowrap}.nota{background:var(--surface);border:2px solid var(--border);border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:22px 22px 18px;position:relative;filter:drop-shadow(0 10px 18px rgba(92,64,24,.12))}.nota:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-14px;height:16px;background:radial-gradient(circle at 10px -2px,transparent 10px,var(--surface) 11px) 0 0 / 20px 16px repeat-x}.nota-title{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:2px dashed var(--border-strong);margin-bottom:14px}.nota-row{display:flex;justify-content:space-between;gap:12px;font-size:.93rem;padding:4px 0}.nota-row span:first-child{color:var(--muted);font-weight:700}.nota-row span:last-child{font-weight:800;text-align:right;word-break:break-word}.nota-total{border-top:2px dashed var(--border-strong);margin-top:10px;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline}.nota-total b{font-family:var(--font-head);font-size:1.6rem;color:var(--primary-ink);line-height:1}.nota-actions{margin-top:28px;display:grid;gap:10px}.bottom-bar{display:none}@media (max-width: 860px){.pp-summary .nota-actions{display:none}.bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--surface);border-top:2px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:12px;align-items:center;box-shadow:0 -10px 24px -12px #00000040}.bottom-bar .t small{display:block;font-size:.78rem;color:var(--muted);font-weight:700}.bottom-bar .t b{font-family:var(--font-head);font-size:1.3rem;color:var(--primary-ink);line-height:1}.has-bottom-bar main{padding-bottom:90px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e140880;z-index:90;display:grid;place-items:center;padding:16px;animation:fade .2s}.modal{width:min(480px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);padding:28px;animation:pop .28s var(--bounce);position:relative}.modal-close{position:absolute;top:14px;right:14px}.toasts{position:fixed;top:88px;right:20px;z-index:100;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}.toast{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-lg);font-weight:700;animation:toastIn .35s var(--bounce)}.toast .ti{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}}.skel{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r-md)}@keyframes shimmer{to{background-position:-200% 0}}.state{text-align:center;padding:48px 24px;display:grid;justify-items:center;gap:8px}.state p{color:var(--muted);max-width:44ch}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mascot{overflow:visible}.mascot .arm-wave{transform-origin:148px 150px;animation:wave 1.8s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}15%,45%{transform:rotate(-14deg)}30%{transform:rotate(8deg)}}.bob{animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.mascot-loading{animation:bob 1s ease-in-out infinite}.inv-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;padding:32px 0 72px}@media (max-width: 960px){.inv-grid{grid-template-columns:1fr}}.timer{display:inline-flex;gap:6px;align-items:center}.timer .box{background:var(--ink);color:var(--bg);border-radius:10px;min-width:48px;padding:6px 8px;text-align:center;font-family:var(--font-head);font-weight:800;font-size:1.4rem;font-variant-numeric:tabular-nums}.qr-wrap{background:#fff;padding:18px;border-radius:var(--r-lg);border:2px solid var(--border);width:fit-content;margin:0 auto}.paycode{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:var(--r-md);background:var(--surface-3);border:2px dashed var(--border-strong)}.paycode b{font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.15rem,3vw,1.5rem);letter-spacing:.06em;word-break:break-all}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:0}.timeline li{display:grid;grid-template-columns:36px 1fr;gap:12px;position:relative;padding-bottom:20px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:3px;background:var(--border);border-radius:3px}.timeline li:last-child:before{display:none}.timeline li.done:before{background:var(--primary)}.tl-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);border:2px solid var(--border)}.timeline li.done .tl-dot{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.timeline li.current .tl-dot{background:var(--secondary);color:var(--on-secondary);border-color:var(--secondary);animation:pulseDot 1.4s ease-in-out infinite}.timeline li.fail .tl-dot{background:var(--error-soft);color:var(--error);border-color:var(--error)}@keyframes pulseDot{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--secondary) 30%,transparent)}}.timeline b{display:block;line-height:1.3;padding-top:6px}.timeline small{color:var(--muted);font-weight:700}.success-hero{text-align:center;padding:40px 0 8px;position:relative}.check-anim{width:84px;height:84px;margin:-30px auto 10px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;box-shadow:var(--clay);animation:popIn .6s var(--bounce) both .2s;position:relative;z-index:2}.check-anim path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s ease-out forwards .6s}@keyframes popIn{0%{transform:scale(0)}}@keyframes draw{to{stroke-dashoffset:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:95;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:14px;border-radius:3px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.token-box{padding:18px;border-radius:var(--r-lg);background:var(--secondary-soft);border:2px dashed var(--yellow-500);text-align:center}.token-box b{font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.1rem,3.2vw,1.6rem);letter-spacing:.04em;color:var(--ink);word-break:break-all}.receipt{width:300px;max-width:100%;margin:0 auto;background:#fffdf7;color:#222;font-family:Courier New,ui-monospace,monospace;font-size:12.5px;line-height:1.45;padding:18px 16px 26px;position:relative;box-shadow:var(--shadow)}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;background:radial-gradient(circle at 6px 0,transparent 6px,#fffdf7 7px) 0 0 / 12px 12px repeat-x}.receipt .rc{text-align:center}.receipt .rl{display:flex;justify-content:space-between;gap:8px}.receipt .rl span:last-child{text-align:right;word-break:break-all}.receipt hr{border:0;border-top:1px dashed #777;margin:8px 0}.receipt .big{font-size:15px;font-weight:700}.success-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;padding:24px 0 72px}@media (max-width: 960px){.success-grid{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:180px 1fr;gap:10px 16px}.kv dt{color:var(--muted);font-weight:700}.kv dd{margin:0;font-weight:800;word-break:break-word}@media (max-width: 560px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:absolute;left:0;top:0;width:58mm;box-shadow:none;padding:0}.receipt:after{display:none}}.table-wrap{position:relative;overflow-x:auto;border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}table.tbl{width:100%;border-collapse:collapse;font-size:.94rem}.tbl th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:14px 16px;background:var(--surface-3);white-space:nowrap}.tbl td{padding:14px 16px;border-top:2px solid var(--border);vertical-align:middle}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl th.num{text-align:right}.tbl .me{background:var(--primary-soft)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.toolbar .input,.toolbar .select{min-height:46px;width:auto}.toolbar .search-in{flex:1;min-width:220px;position:relative}.toolbar .search-in svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.toolbar .search-in .input{padding-left:42px;width:100%}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.coupons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:22px}.coupon{display:grid;grid-template-columns:110px minmax(0,1fr);background:var(--surface);border-radius:var(--r-lg);position:relative;filter:drop-shadow(0 8px 16px rgba(92,64,24,.12));-webkit-mask:radial-gradient(circle 10px at 110px 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle 10px at 110px 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 10px at 110px 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle 10px at 110px 100%,#0000 98%,#000) bottom / 100% 51% no-repeat}.coupon-side{display:grid;place-items:center;text-align:center;padding:16px 8px;border-radius:var(--r-lg) 0 0 var(--r-lg);font-family:var(--font-head);font-weight:800;line-height:1;position:relative;-webkit-mask:radial-gradient(circle 5px at 0 50%,#0000 98%,#000) 0 0 / 100% 16px repeat-y;mask:radial-gradient(circle 5px at 0 50%,#0000 98%,#000) 0 0 / 100% 16px repeat-y}.coupon-side .v{font-size:1.8rem}.coupon-side small{display:block;font-size:.8rem;margin-top:4px;font-family:var(--font-body)}.tone-green{background:var(--green-700);color:#fff}.tone-orange{background:#c2410c;color:#fff}.tone-yellow{background:var(--yellow-400);color:#3b2a12}.coupon-body{padding:18px 18px 18px 22px;border-left:2px dashed var(--border-strong);display:flex;flex-direction:column;gap:6px}.coupon-code{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:6px 6px 6px 14px;border-radius:var(--pill);background:var(--surface-3)}.coupon-code b{font-family:ui-monospace,Consolas,monospace;letter-spacing:.08em}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--nav-h) - 38px)}.auth-art{background:var(--green-800);color:#fff;display:grid;place-items:center;padding:48px;position:relative;overflow:hidden}[data-theme=dark] .auth-art{background:#16301e}.auth-art h2{color:#fff}.auth-form{display:grid;place-items:center;padding:48px 24px}.auth-form>div{width:min(420px,100%)}.otp{display:flex;gap:8px;justify-content:space-between}.otp input{width:52px;height:60px;text-align:center;font-size:1.5rem;font-weight:800;border-radius:var(--r-md);border:2px solid var(--border-strong);background:var(--surface)}.otp input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--green-400) 25%,transparent)}@media (max-width: 860px){.auth{grid-template-columns:1fr}.auth-art{display:none}}@media (max-width: 400px){.otp input{width:42px;height:52px}}.dash{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:32px 0 72px;align-items:start}.dash-side{position:sticky;top:calc(var(--nav-h) + 16px);padding:14px}.dash-side a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);color:var(--ink-2);font-weight:800;text-decoration:none;min-height:48px}.dash-side a:hover{background:var(--surface-3)}.dash-side a.active{background:var(--primary-soft);color:var(--primary-ink)}.dash-tabs{display:none}@media (max-width: 960px){.dash{grid-template-columns:1fr}.dash-side{display:none}.dash-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px}}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 760px){.kpis{grid-template-columns:1fr}}.kpi{padding:20px}.kpi .lab{color:var(--muted);font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:8px}.kpi .val{font-family:var(--font-head);font-size:1.8rem;font-weight:800;line-height:1.2;margin-top:4px}.balance-card{background:var(--green-700);color:#fff;border:0;position:relative;overflow:hidden}[data-theme=dark] .balance-card{background:#1f5131}.balance-card .lab{color:#d7f3df}.amt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media (max-width: 760px){.amt-grid{grid-template-columns:repeat(3,1fr)}}.chart{width:100%;height:auto}.chart text{fill:var(--muted);font-size:11px;font-weight:700;font-family:var(--font-body)}.chart .grid{stroke:var(--border);stroke-width:1}.chart .bar{fill:var(--primary);transition:opacity .2s}.chart .bar:hover{opacity:.8}.notif{display:flex;gap:14px;padding:16px;border-radius:var(--r-md)}.notif.unread{background:var(--primary-soft)}.notif+.notif{margin-top:6px}.prose{max-width:760px}.prose h2{font-size:1.4rem;margin-top:1.6em}.prose p,.prose li{color:var(--ink-2)}.page-hero{padding:48px 0 32px;background:var(--bg-alt);border-bottom:2px solid var(--border)}.page-hero p{color:var(--muted);max-width:60ch;margin:0;font-size:1.05rem}.cat-mobile .chip,.dash-tabs .chip,.tabs button{flex-shrink:0;white-space:nowrap}.navbar .brand{min-width:0}@media (max-width: 420px){.brand-name{font-size:1.1rem}.nav-actions{gap:6px}.icon-btn{width:42px;height:42px}}