:root{--di-blue: #1A4BFF;--di-blue-deep: #1239CC;--di-dark: #0B0F41;--di-teal: #30FFFC;--di-bg: #F5F8FF;--di-bg-elevated: #FFFFFF;--di-surface: #FFFFFF;--di-text: #0B0F41;--di-text-muted: rgba(11, 15, 65, .58);--di-text-soft: rgba(11, 15, 65, .32);--di-border: rgba(11, 15, 65, .08);--di-border-md: rgba(11, 15, 65, .13);--r-xl: 24px;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--ease: cubic-bezier(.22, .61, .36, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--sh-sm: 0 1px 2px rgba(11, 15, 65, .04), 0 1px 3px rgba(11, 15, 65, .05);--sh-md: 0 2px 4px rgba(11, 15, 65, .04), 0 4px 12px rgba(11, 15, 65, .06);--sh-lg: 0 4px 8px rgba(11, 15, 65, .04), 0 12px 32px rgba(11, 15, 65, .08);--sh-xl: 0 8px 16px rgba(11, 15, 65, .05), 0 24px 48px rgba(11, 15, 65, .1);--sh-focus: 0 0 0 3px rgba(26, 75, 255, .18);--di-font: "Google Sans Flex", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body.di-active{background-color:var(--di-bg);color:var(--di-text);font-family:var(--di-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;min-height:100vh}body.di-active *,body.di-active *:before,body.di-active *:after{box-sizing:border-box}body.di-active:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 12%,rgba(26,75,255,.05) 0%,transparent 45%),radial-gradient(circle at 82% 88%,rgba(48,255,252,.05) 0%,transparent 45%);pointer-events:none;z-index:0}.di-page{position:relative;z-index:1;width:100%;min-height:calc(100vh - 80px);display:flex;align-items:flex-start;justify-content:center;padding:64px 24px 96px}.di-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.di-pipeline{position:relative;width:100%;height:3px;background:#0b0f410f;border-radius:99px;overflow:clip}.di-pipeline-fill{height:100%;background:var(--di-blue);border-radius:99px;transition:width .8s var(--ease);box-shadow:0 0 8px #1a4bff4d}.di-column{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:760px}.di-pipeline{margin-top:20px;margin-bottom:20px}.di-live-scores{margin-top:32px;margin-bottom:24px}.di-faq-section{margin-top:72px}.di-live-scores{width:100%;background:#ffffffc7;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--di-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:14px 18px;animation:di-enter .45s var(--spring) forwards}.di-live-scores[hidden]{display:none}.di-live-scores-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.di-live-scores-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--di-text-soft)}.di-live-scores-step{font-size:11px;color:var(--di-text-muted);font-weight:500}.di-live-scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.di-live-row{display:flex;flex-direction:column;gap:5px;min-width:0}.di-live-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.di-live-row-name{font-size:11px;font-weight:600;color:var(--di-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.di-live-row-val{font-size:11px;font-weight:700;color:var(--di-blue);font-variant-numeric:tabular-nums;flex-shrink:0}.di-live-row-track{height:3px;background:#0b0f410f;border-radius:99px;overflow:hidden}.di-live-row-fill{height:100%;border-radius:99px;background:var(--di-blue);transition:width .7s var(--ease)}.di-live-row-fill--lead{background:var(--di-blue)}.di-card{position:relative;width:100%;background:transparent;border:none;border-radius:var(--r-xl);box-shadow:none;padding:28px 0 20px;will-change:opacity,transform;animation:di-enter .55s var(--ease) forwards}.di-card--result,.di-card--result:hover{background:var(--di-surface);border:1px solid var(--di-border);box-shadow:var(--sh-md);padding:44px 44px 36px}.di-card.di-exit{position:absolute;top:0;left:0;right:0;animation:di-exit .35s var(--ease) forwards!important;pointer-events:none}@keyframes di-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes di-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.di-stage{position:relative}.di-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.di-phase-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--di-blue)}.di-phase-dot{width:6px;height:6px;border-radius:50%;background:var(--di-blue);box-shadow:0 0 0 3px #1a4bff26}.di-meta-right{font-size:12px;font-weight:500;color:var(--di-text-muted)}.di-q-text{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:700;line-height:1.3;color:var(--di-text);margin:0 0 12px;letter-spacing:-.022em}.di-subtitle{font-size:1rem;line-height:1.6;color:var(--di-text-muted);margin:0 0 28px;max-width:56ch}.di-biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.di-biz-card{background:var(--di-surface);border:1.5px solid var(--di-border-md);border-radius:var(--r-lg);padding:22px 20px;cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh-sm);transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),transform .22s var(--spring)}.di-biz-card:hover{border-color:var(--di-blue);background:var(--di-surface);box-shadow:var(--sh-md);transform:translateY(-2px)}.di-biz-card.selected{border-color:var(--di-blue);background:var(--di-surface);box-shadow:var(--sh-md),var(--sh-focus);transform:translateY(-1px)}.di-biz-title{font-size:.95rem;font-weight:700;color:var(--di-text);margin:0;line-height:1.35}.di-biz-desc{font-size:.85rem;color:var(--di-text-muted);line-height:1.55;margin:0}.di-options{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.di-option{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1.5px solid var(--di-border-md);border-radius:var(--r-md);background:var(--di-surface);cursor:pointer;font-size:.95rem;font-weight:500;color:var(--di-text);font-family:inherit;text-align:left;width:100%;box-shadow:var(--sh-sm);transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),transform .2s var(--spring)}.di-option:hover{border-color:var(--di-blue);background:var(--di-surface);box-shadow:var(--sh-md);transform:translateY(-1.5px)}.di-option.selected{border-color:var(--di-blue);background:#1a4bff0a;box-shadow:var(--sh-md),var(--sh-focus);transform:translateY(-1px)}.di-option-key{width:28px;height:28px;flex-shrink:0;border:1.5px solid var(--di-border-md);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--di-text-muted);background:#0b0f4106;transition:all .18s var(--ease)}.di-option:hover .di-option-key,.di-option.selected .di-option-key{border-color:var(--di-blue);background:var(--di-blue);color:#fff}.di-text-input{width:100%;border:1.5px solid var(--di-border-md);border-radius:var(--r-md);padding:16px 20px;font-size:1rem;font-family:inherit;color:var(--di-text);background:var(--di-surface);box-shadow:var(--sh-sm);resize:none;outline:none;min-height:120px;line-height:1.6;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.di-text-input::-moz-placeholder{color:var(--di-text-soft)}.di-text-input::placeholder{color:var(--di-text-soft)}.di-text-input:focus{border-color:var(--di-blue);box-shadow:var(--sh-md),var(--sh-focus)}.di-text-hint{font-size:12px;color:var(--di-text-soft);margin:10px 0 28px}.di-scale-wrap{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.di-scale-btn{width:48px;height:48px;border:1.5px solid var(--di-border-md);border-radius:var(--r-sm);background:var(--di-surface);font-size:.95rem;font-weight:600;cursor:pointer;color:var(--di-text);font-family:inherit;box-shadow:var(--sh-sm);transition:border-color .15s var(--ease),background .15s var(--ease),transform .18s var(--spring),box-shadow .15s var(--ease)}.di-scale-btn:hover{border-color:var(--di-blue);background:var(--di-surface);transform:translateY(-2px);box-shadow:var(--sh-md)}.di-scale-btn.selected{border-color:var(--di-blue);background:var(--di-blue);color:#fff;transform:translateY(-2px);box-shadow:var(--sh-md),var(--sh-focus)}.di-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.di-actions--result{justify-content:center;flex-wrap:wrap}.di-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 24px;border-radius:8px;cursor:pointer;border:none;text-decoration:none;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),transform .2s var(--spring),color .18s var(--ease)}.di-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.di-btn-primary{background:var(--di-blue);color:#fff;box-shadow:var(--sh-md)}.di-btn-primary:hover{background:var(--di-blue-deep);box-shadow:var(--sh-lg);transform:translateY(-1px)}.di-btn-ghost{background:transparent;color:var(--di-text-muted);border:1.5px solid var(--di-border-md)}.di-btn-ghost:hover{color:var(--di-text);border-color:var(--di-blue);background:#1a4bff08}.di-card--thinking{display:flex;align-items:center;justify-content:center;min-height:180px}.di-thinking{display:flex;align-items:center;gap:14px;font-size:.95rem;color:var(--di-text-muted);font-weight:500}.di-thinking-dots{display:flex;gap:6px;align-items:center}.di-thinking-dots span{width:8px;height:8px;border-radius:50%;background:var(--di-blue);animation:di-pulse 1.3s var(--ease) infinite}.di-thinking-dots span:nth-child(2){animation-delay:.16s}.di-thinking-dots span:nth-child(3){animation-delay:.32s}@keyframes di-pulse{0%,80%,to{opacity:.18;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}.di-result-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--di-blue);background:#1a4bff12;border-radius:999px;padding:6px 12px;margin-bottom:18px}.di-result-headline{font-size:clamp(1.55rem,2.6vw,2rem);font-weight:700;color:var(--di-text);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}.di-result-reason{font-size:1rem;color:var(--di-text-muted);line-height:1.7;margin:0 0 24px}.di-result-next{font-size:.9rem;color:var(--di-text-muted);line-height:1.6;margin:0 0 24px}.di-scores-card{background:linear-gradient(180deg,#1a4bff06,#1a4bff00);border:1px solid var(--di-border);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:22px}.di-scores-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--di-text-soft);margin:0 0 14px}.di-score-row{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--di-border)}.di-score-row:last-of-type{border-bottom:none;padding-bottom:0}.di-score-row:first-of-type{padding-top:0}.di-score-name{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;font-weight:600;color:var(--di-text)}.di-score-val{color:var(--di-blue);font-weight:700;font-variant-numeric:tabular-nums}.di-score-track{height:4px;background:#0b0f410f;border-radius:99px;overflow:hidden}.di-score-fill{height:100%;border-radius:99px;background:var(--di-blue);transition:width .7s var(--ease)}.di-score-fill--lead{background:var(--di-blue)}.di-lang-toggle{position:fixed;top:80px;right:24px;z-index:50;display:flex;gap:2px;background:#ffffffd9;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--di-border);border-radius:22px;padding:3px;box-shadow:var(--sh-sm)}.di-lang-btn{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--di-text-muted);background:none;border:none;border-radius:18px;padding:5px 12px;cursor:pointer;font-family:inherit;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.di-lang-btn.active{background:var(--di-blue);color:#fff;box-shadow:var(--sh-sm)}@media (max-width: 768px){.di-page{padding:32px 16px 64px}.di-card{padding:20px 0 16px}.di-card--result{padding:32px 24px 28px;border-radius:20px}.di-biz-grid{grid-template-columns:1fr}.di-meta-right{display:none}.di-lang-toggle{top:72px;right:16px}.di-pipeline{top:72px}.di-live-scores-grid{grid-template-columns:repeat(2,1fr);gap:12px}.di-summary-item{grid-template-columns:1fr}.di-export-btns{flex-direction:column}}@media (max-width: 480px){.di-q-text{font-size:1.25rem}.di-actions{flex-direction:column-reverse}.di-actions .di-btn{width:100%}.di-actions--result{flex-direction:column}}.di-btn-sm{font-size:.825rem;padding:9px 16px}.di-summary{margin:28px 0 8px;padding-top:24px;border-top:1px solid var(--di-border)}.di-summary-heading{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--di-text-muted);margin:0 0 12px}.di-summary-list{display:flex;flex-direction:column;gap:8px}.di-summary-item{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding:10px 14px;background:var(--di-bg);border-radius:var(--r-md);font-size:.85rem;line-height:1.5}.di-summary-q{color:var(--di-text-muted);font-weight:500}.di-summary-a{color:var(--di-text);font-weight:600}.di-export{margin:24px 0 0;padding:20px 22px;background:var(--di-bg);border-radius:var(--r-lg);border:1px solid var(--di-border)}.di-export-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--di-text-muted);margin:0 0 12px}.di-export-email-row{margin-bottom:10px}.di-export-email-input{width:100%;border:1.5px solid var(--di-border-md);border-radius:var(--r-md);padding:10px 14px;font-size:.9rem;font-family:inherit;color:var(--di-text);background:var(--di-surface);outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.di-export-email-input:focus{border-color:var(--di-blue);box-shadow:var(--sh-focus)}.di-export-email-input.di-export-email-error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}.di-export-btns{display:flex;gap:8px;flex-wrap:wrap}.di-faq-section{width:100%;padding-top:12px;padding-bottom:40px}.di-faq-wrap{width:100%}.di-faq-title{font-family:var(--di-font);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--di-text-soft);margin:0 0 20px}.di-faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--di-border)}.di-faq-item{border-bottom:1px solid var(--di-border)}.di-faq-item summary{list-style:none}.di-faq-item summary::-webkit-details-marker{display:none}.di-faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-family:var(--di-font);font-size:.925rem;font-weight:600;color:var(--di-text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.di-faq-q:after{content:"";flex-shrink:0;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%230B0F41' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .22s var(--ease);opacity:.45}.di-faq-item[open] .di-faq-q:after{transform:rotate(180deg);opacity:.8}.di-faq-item[open] .di-faq-q{color:var(--di-blue)}.di-faq-a{padding:0 0 18px;margin:0;font-size:.875rem;line-height:1.7;color:var(--di-text-muted);font-family:var(--di-font)}.di-faq-section[data-locale=en] .di-faq-lang--id,.di-faq-section[data-locale=id] .di-faq-lang--en{display:none}@media (max-width: 640px){.di-faq-q{font-size:.875rem;padding:16px 0}}@media print{body.di-active:before,.di-pipeline,.di-live-scores,.di-lang-toggle,.di-meta,.di-result-tag,.di-actions,.di-export{display:none!important}body.di-active{background:#fff}.di-page{padding:0;min-height:unset}.di-card--result{border:none;box-shadow:none;padding:0;max-width:100%}.di-summary-item{background:#f4f4f4}}