*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:DM Sans,ui-sans-serif,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);font-family:var(--font)}button,input,select,textarea{font-family:inherit}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-4{border-width:4px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f6f7f9;--px:clamp(16px, 3vw, 32px);--surface:#fff;--surface-2:#f1f3f7;--accent:#4f46e5;--accent-hover:#4338ca;--accent-dim:#4f46e514;--accent-border:#4f46e547;--on-accent:#fff;--text:#0f172a;--text-sub:#334155;--text-muted:#64748b;--border:#e5e7eb;--track:#0f172a14;--overlay:#ffffffe0;--shadow:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-lg:0 8px 24px #0f172a14;--radius:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes pulseGold{0%,to{opacity:.6}50%{opacity:1}}.anim-up{animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}.anim-delay-1{animation-delay:50ms}.anim-delay-2{animation-delay:.12s}.anim-delay-3{animation-delay:.19s}.anim-delay-4{animation-delay:.26s}.anim-delay-5{animation-delay:.33s}.anim-delay-6{animation-delay:.4s}.anim-delay-hero{animation-delay:80ms}.anim-delay-sub{animation-delay:.18s}.anim-delay-badges{animation-delay:.28s}.anim-delay-section{animation-delay:.1s}.gold-shimmer{color:var(--accent)}.card-test{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:border-color .2s,box-shadow .2s}.card-test:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg)}.card-test:hover .card-cta-arrow{transform:translate(4px)}.card-cta-arrow{transition:transform .25s;display:inline-block}.field{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field::placeholder{color:var(--text-muted)}.cards-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}.features-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.section-rule{align-items:center;gap:14px;margin-bottom:40px;display:flex}.section-rule-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.section-rule-line{background:var(--border);flex:1;height:1px}.section-rule-pip{background:var(--accent);flex-shrink:0;width:20px;height:1px}select.field option{color:var(--text);background-color:#fff}.dark-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.answer-btn{background:var(--surface);border:1px solid var(--border);text-align:left;color:var(--text-sub);cursor:pointer;border-radius:12px;width:100%;padding:16px;font-size:14px;line-height:1.65;transition:border-color .2s,background .2s,color .2s}.answer-btn:hover{border-color:var(--accent-border);color:var(--text)}.answer-btn.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.dim-tab{text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:10px;padding:10px 4px;font-size:13px;font-weight:600;transition:all .2s}.dim-tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.dim-tab.done{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.rating-btn{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:13px;transition:all .18s;display:flex}.rating-btn:hover{border-color:var(--accent-border);color:var(--text)}.rating-btn.r0.sel{color:#047857;background:#ecfdf5;border-color:#059669}.rating-btn.r1.sel{color:#b45309;background:#fffbeb;border-color:#d97706}.rating-btn.r2.sel{color:#c2410c;background:#fff7ed;border-color:#ea580c}.rating-btn.r3.sel{color:#b91c1c;background:#fef2f2;border-color:#dc2626}.rating-btn.netral.sel{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.disc-pill{letter-spacing:.04em;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .18s}.disc-pill.most{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.disc-pill.least{color:#b91c1c;background:#fef2f2;border-color:#dc2626}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.answer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rating-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hasil-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hasil-grid-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=480px){.form-grid-2{grid-template-columns:1fr;gap:12px}.answer-grid{grid-template-columns:1fr;gap:8px}.rating-grid{grid-template-columns:repeat(2,1fr)}.hasil-grid-2{grid-template-columns:1fr;gap:12px}.hasil-grid-3{grid-template-columns:1fr 1fr;gap:8px}.dark-card{border-radius:14px}.disc-pill{min-width:44px;min-height:36px;padding:8px 16px}.tes-header-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.section-rule{margin-bottom:24px}.rating-btn{min-height:56px;padding:12px 4px}}.rpt-page{background:var(--bg);min-height:100vh;padding-bottom:40px}.rpt-body{padding:24px var(--px) 0;flex-direction:column;gap:16px;margin:0 auto;display:flex}.rpt-bar{z-index:20;background:var(--overlay);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:10px var(--px);position:sticky;top:0}.rpt-bar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;display:flex}.rpt-btn{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px -6px #4f46e58c}.rpt-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.rpt-btn.ghost{background:var(--surface);color:var(--text-sub);border-color:var(--border);box-shadow:none}.rpt-btn.ghost:hover{border-color:var(--accent-border);color:var(--accent)}.rpt-btn.sm{border-radius:10px;padding:7px 14px;font-size:13px}.rpt-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.rpt-hero{isolation:isolate;color:#fff;background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--h2) 85%, transparent) 0%, transparent 55%), radial-gradient(100% 90% at 0% 100%, color-mix(in srgb, var(--h1) 90%, transparent) 0%, transparent 60%), #0b1020;box-shadow:0 30px 60px -30px color-mix(in srgb, var(--h1) 70%, black), 0 0 0 1px #ffffff0f inset;border-radius:28px;padding:30px 30px 26px;animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp;position:relative;overflow:hidden}.rpt-hero-deco{pointer-events:none;z-index:-1;background-image:radial-gradient(#ffffff21 1px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 30%,#000 75%);mask-image:linear-gradient(110deg,#0000 30%,#000 75%)}.rpt-hero-wm{z-index:-1;pointer-events:none;letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #ffffff17;white-space:nowrap;font-size:clamp(120px,22vw,210px);font-weight:800;line-height:1;position:absolute;bottom:-34px;right:-10px}.rpt-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.rpt-hero-tag{letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.rpt-hero-tag:before{content:"";background:#4ade80;border-radius:99px;width:7px;height:7px;box-shadow:0 0 10px #4ade80}.rpt-hero-date{color:#ffffffb3;font-size:13px}.rpt-hero-sub{color:#ffffffb3;margin-bottom:4px;font-size:13px}.rpt-hero-nama{letter-spacing:-.03em;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.1}.rpt-hero-saved{color:#ffffffa6;margin-top:6px;font-size:12px}.rpt-hero-panel{background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff29;border-radius:20px;margin-top:22px;padding:22px}.rpt-hero-panel .rpt-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6;font-size:11px;font-weight:700}.rpt-hero-panel .rpt-besar{letter-spacing:-.03em;background:linear-gradient(90deg, #fff 0%, color-mix(in srgb, var(--h2) 35%, white) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.12}.rpt-hero-panel .rpt-ket{color:#ffffffd1;margin-top:8px;font-size:14.5px;line-height:1.65}.rpt-tile{width:64px;height:64px;color:var(--h1);box-shadow:0 10px 24px -8px color-mix(in srgb, var(--h1) 80%, black), 0 0 0 1px #ffffff80 inset;background:linear-gradient(160deg,#fff 0%,#e9e7ff 100%);border-radius:18px;justify-content:center;align-items:center;font-size:32px;font-weight:800;animation:.6s cubic-bezier(.34,1.56,.64,1) both tileIn;display:inline-flex}.rpt-tile:nth-child(2){animation-delay:80ms}.rpt-tile:nth-child(3){animation-delay:.16s}.rpt-tile:nth-child(4){animation-delay:.24s}@media (width<=480px){.rpt-tile{border-radius:15px;width:54px;height:54px;font-size:26px}.rpt-hero{border-radius:24px;padding:24px 20px 22px}.rpt-hero-panel{padding:18px}.rpt-card{padding:20px 18px}}@keyframes tileIn{0%{opacity:0;transform:translateY(12px)scale(.85)}to{opacity:1;transform:none}}.rpt-stat{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:18px;display:grid}.rpt-stat>div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;padding:12px 14px}.rpt-stat-label{color:#ffffffa6;font-size:11.5px}.rpt-stat-nilai{letter-spacing:-.02em;font-size:22px;font-weight:800}.rpt-stat-ket{color:#ffffffd9;font-size:12px;font-weight:600}.rpt-cincin{flex-shrink:0;position:relative}.rpt-cincin-isi{animation:1.1s cubic-bezier(.16,1,.3,1) both cincinIsi}@keyframes cincinIsi{0%{stroke-dashoffset:var(--penuh)}}.rpt-cincin-teks{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.rpt-cincin-teks span{letter-spacing:-.03em;font-weight:800}.rpt-cincin-teks small{margin-top:4px;font-size:11px;font-weight:600}.rpt-radar-area{transform-origin:50%;transform-box:fill-box;animation:.9s cubic-bezier(.16,1,.3,1) both radarIn}@keyframes radarIn{0%{opacity:0;transform:scale(.4)}}.rpt-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px 26px;animation:.55s cubic-bezier(.16,1,.3,1) both fadeUp;position:relative;box-shadow:0 1px 2px #0f172a0a,0 12px 32px -18px #0f172a2e}.rpt-card-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.rpt-card-ikon{background:linear-gradient(145deg, color-mix(in srgb, var(--aksen,var(--accent)) 16%, white), color-mix(in srgb, var(--aksen,var(--accent)) 6%, white));width:46px;height:46px;box-shadow:0 0 0 1px color-mix(in srgb, var(--aksen,var(--accent)) 18%, white) inset;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:21px;display:flex}.rpt-card-no{letter-spacing:.12em;text-transform:uppercase;color:var(--aksen,var(--accent));margin-bottom:1px;font-size:11px;font-weight:700}.rpt-card-judul{color:var(--text);letter-spacing:-.015em;font-size:18px;font-weight:800}.rpt-card-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.rpt-teks{color:var(--text-sub);font-size:14.5px;line-height:1.75}.rpt-track{background:#eef0f5;border-radius:99px;overflow:hidden}.rpt-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, white) 0%, var(--c) 100%);height:100%;box-shadow:0 2px 8px -2px color-mix(in srgb, var(--c) 60%, transparent);transform-origin:0;border-radius:99px;animation:1s cubic-bezier(.16,1,.3,1) both barTumbuh}@keyframes barTumbuh{0%{transform:scaleX(0)}}.rpt-skor+.rpt-skor{margin-top:18px}.rpt-skor-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.rpt-skor-label{color:var(--text);font-size:14px;font-weight:600}.rpt-skor-label span{color:var(--text-muted);font-size:13px;font-weight:400}.rpt-skor-nilai{white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.rpt-skor-ket{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.6}.rpt-chip{letter-spacing:.01em;color:var(--c);background:color-mix(in srgb, var(--c) 11%, white);border:1px solid color-mix(in srgb, var(--c) 28%, white);border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.rpt-chip.lg{padding:6px 14px;font-size:13px}.rpt-chips{flex-wrap:wrap;gap:8px;display:flex}.rpt-poin+.rpt-poin{margin-top:14px}.rpt-poin-judul{letter-spacing:.06em;text-transform:uppercase;color:var(--c);margin-bottom:8px;font-size:12px;font-weight:700}.rpt-poin ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.rpt-poin li{color:var(--text-sub);padding-left:20px;font-size:14px;line-height:1.65;position:relative}.rpt-poin li:before{content:"";background:var(--c);border-radius:99px;width:7px;height:7px;position:absolute;top:.62em;left:3px}.rpt-sorot{background:color-mix(in srgb, var(--c) 7%, white);border:1px solid color-mix(in srgb, var(--c) 22%, white);border-radius:16px;padding:16px 18px}.rpt-sorot-judul{letter-spacing:.06em;text-transform:uppercase;color:var(--c);margin-bottom:6px;font-size:12px;font-weight:700}.rpt-sorot-isi{color:var(--text-sub);font-size:14px;line-height:1.7}.rpt-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.rpt-catatan{background:var(--surface-2);color:var(--text-muted);border:1px dashed #cbd5e1;border-radius:16px;padding:16px 20px;font-size:13px;line-height:1.7}.rpt-catatan-judul{color:var(--text-sub);margin-bottom:4px;font-weight:700}.rpt-aksi{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:8px;display:flex}.rpt-foot{text-align:center;color:var(--text-muted);padding-top:6px;font-size:12px}.rpt-tabel{border-collapse:collapse;width:100%;font-size:14px}.rpt-tabel th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:700}.rpt-tabel td{border-bottom:1px solid var(--border);color:var(--text-sub);padding:11px 12px}.rpt-tabel tr:last-child td{border-bottom:none}.gate-preview{contain:paint;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:20px;max-height:200px;position:relative;overflow:hidden}.gate-preview>.gate-blur{filter:blur(6px);opacity:.45;max-height:240px;overflow:hidden}.gate-preview:after{content:"";background:linear-gradient(to bottom, #f6f7f900 0%, var(--bg) 92%);position:absolute;inset:0}.gate-card{background:var(--surface);border:1px solid var(--accent-border);box-shadow:0 30px 60px -30px #4f46e58c;box-shadow:var(--shadow-lg);border-radius:24px;margin-top:-70px;position:relative;overflow:hidden}.gate-head{color:#fff;background:radial-gradient(120% 140% at 100% 0,#7c3aede6 0%,#0000 60%),radial-gradient(100% 120% at 0 100%,#4f46e5e6 0%,#0000 60%),#0b1020;align-items:center;gap:14px;padding:22px 24px;display:flex}.gate-lock{background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.gate-body{padding:20px 24px 24px}.gate-fitur{gap:9px;margin:0 0 18px;padding:0;list-style:none;display:grid}.gate-fitur li{color:var(--text-sub);gap:10px;font-size:14px;line-height:1.5;display:flex}.gate-fitur li:before{content:"✓";color:#059669;background:#ecfdf5;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:800;display:flex}.gate-harga{align-items:baseline;gap:8px;margin-bottom:14px;display:flex}@media print{@page{margin:12mm 10mm;size:A4}:root{--bg:#fff;--surface:#fff;--surface-2:#f5f5f7;--text:#111;--text-sub:#333;--text-muted:#555;--border:#e0e0e0;--accent:#4338ca;--accent-dim:#4338ca12;--accent-border:#4338ca59;--radius:10px}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-only{display:block!important}.print-flex{display:flex!important}.print-hide{display:none!important}.dark-card{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #e0e0e0!important}.print\:hidden{display:none!important}.print\:bg-white{background:#fff!important}.rpt-page{padding-bottom:0}.rpt-body{gap:12px;padding-top:0}.rpt-hero{box-shadow:none;animation:none}.rpt-card{box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;animation:none}.rpt-btn,.rpt-aksi{display:none!important}.sticky{position:static!important}.print-bar-track{background:#e8e8e8!important}.print-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (width>=640px){.sm\:inline{display:inline}}