@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap");:root{--theme-primary:#ff8800;--orange-600:color-mix(in srgb,var(--theme-primary),black 20%);--orange-500:var(--theme-primary);--orange-400:color-mix(in srgb,var(--theme-primary),white 20%);--orange-300:color-mix(in srgb,var(--theme-primary),white 40%);--orange-200:color-mix(in srgb,var(--theme-primary),white 60%);--orange-100:color-mix(in srgb,var(--theme-primary),white 80%);--orange-50:color-mix(in srgb,var(--theme-primary),white 96%);--gray-950:#111113;--gray-900:#1c1c1f;--gray-800:#2e2e33;--gray-700:#44444d;--gray-600:#5c5c66;--gray-500:#76768a;--gray-400:#9d9dae;--gray-300:#c4c4d0;--gray-200:#e2e2ea;--gray-100:#f0f0f5;--gray-50:#f8f8fb;--risk-high:#dc2626;--risk-high-bg:rgba(220,38,38,0.08);--risk-mid:#f59e0b;--risk-mid-bg:rgba(245,158,11,0.08);--risk-low:#16a34a;--risk-low-bg:rgba(22,163,74,0.08);--surface-0:#ffffff;--surface-1:#ffffff;--surface-2:var(--gray-50);--surface-3:var(--gray-100);--border:rgba(0,0,0,0.08);--border-accent:color-mix(in srgb,var(--theme-primary) 25%,transparent);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-inverse:#ffffff;--font-display:"Roboto",system-ui,sans-serif;--font-body:"Roboto",system-ui,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.06);--shadow-lg:0 8px 32px rgba(0,0,0,0.08);--shadow-glow:0 0 30px color-mix(in srgb,var(--theme-primary) 10%,transparent);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--surface-0);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.app-container{max-width:960px;margin:0 auto;padding:40px 24px 80px;position:relative}.bg-gradient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 50% at 20% 10%,color-mix(in srgb,var(--theme-primary) 4%,transparent) 0,transparent 60%),radial-gradient(ellipse 50% 60% at 80% 80%,color-mix(in srgb,var(--theme-primary) 2%,transparent) 0,transparent 60%),var(--surface-0)}.page-header{text-align:center;margin-bottom:48px}.page-header__title{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:900;color:var(--text-primary);line-height:1.15;margin-bottom:12px}.page-header__title em{color:var(--orange-500);font-style:italic}.page-header__subtitle{font-size:15px;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.7}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:48px;padding:0 16px}.step-indicator__item{display:flex;align-items:center;gap:10px;cursor:default}.step-indicator__circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .4s var(--ease-out);border:2px solid var(--border);color:var(--text-muted);background:var(--surface-1);flex-shrink:0}.step-indicator__circle--active{background:var(--orange-500);border-color:var(--orange-400);color:#ffffff;box-shadow:0 0 20px color-mix(in srgb,var(--theme-primary) 25%,transparent)}.step-indicator__circle--done{background:var(--risk-low);border-color:var(--risk-low);color:#ffffff}.step-indicator__label{font-size:12px;color:var(--text-muted);font-weight:500;white-space:nowrap;transition:color .3s}.step-indicator__label--active{color:var(--orange-500)}.step-indicator__label--done{color:var(--risk-low)}.step-indicator__line{width:48px;height:2px;background:var(--gray-200);margin:0 4px;flex-shrink:0;transition:background .4s}.step-indicator__line--done{background:var(--risk-low)}.form-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-md);animation:fadeSlideUp .5s var(--ease-out)}.form-card__title{font-family:var(--font-display);font-size:26px;margin-bottom:8px;color:var(--text-primary)}.form-card__subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid--single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group--full{grid-column:1/-1}.form-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.form-label__required{color:var(--risk-high);margin-left:2px}.form-input,.form-select{width:100%;padding:12px 16px;background:var(--surface-2);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .25s var(--ease-out);outline:none}.form-input:hover,.form-select:hover{border-color:var(--gray-300)}.form-input:focus,.form-select:focus{border-color:var(--orange-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 10%,transparent)}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239d9dae' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-input--number{-moz-appearance:textfield;appearance:textfield}.form-input--number::-webkit-inner-spin-button,.form-input--number::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.form-hint{font-size:12px;color:var(--text-muted)}.search-wrapper{position:relative}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-1);border:1px solid var(--gray-200);border-radius:var(--radius-sm);max-height:240px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.search-item{padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--gray-100);font-size:13px}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--orange-50)}.search-item__prodi{color:var(--text-primary);font-weight:500}.search-item__ptn{color:var(--text-muted);font-size:12px;margin-top:2px}.search-selected{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--orange-100);border:1px solid color-mix(in srgb,var(--theme-primary) 20%,transparent);border-radius:var(--radius-sm);font-size:13px;color:var(--orange-600);margin-top:8px}.search-selected__remove{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;transition:all .2s}.search-selected__remove:hover{background:rgba(0,0,0,.05);color:var(--risk-high)}.error-banner{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;background:var(--risk-high-bg);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-sm);color:var(--risk-high);font-size:13px;line-height:1.5;margin-bottom:24px;animation:fadeIn .3s var(--ease-out)}.error-banner__icon{flex-shrink:0;font-size:16px}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:36px;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s var(--ease-out);text-decoration:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--orange-500);color:#ffffff;box-shadow:0 2px 12px color-mix(in srgb,var(--theme-primary) 20%,transparent)}.btn--primary:hover{background:var(--orange-400);box-shadow:0 4px 20px color-mix(in srgb,var(--theme-primary) 30%,transparent);transform:translateY(-1px)}.btn--primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--secondary{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--gray-200)}.btn--secondary:hover{background:var(--surface-3);color:var(--text-primary)}.btn--ghost{background:transparent;color:var(--text-secondary);padding:12px 20px}.btn--ghost:hover{color:var(--text-primary);background:rgba(0,0,0,.03)}.result-toolbar{display:flex;justify-content:space-between;gap:24px;padding:24px 28px;margin:24px 0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 40%),linear-gradient(135deg,rgba(255,248,240,.95),rgba(255,255,255,.98));border:1px solid color-mix(in srgb,var(--theme-primary) 14%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.result-toolbar__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-600);margin-bottom:8px}.result-toolbar__title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);line-height:1.2;margin-bottom:8px}.result-toolbar__subtitle{font-size:14px;color:var(--text-secondary);max-width:640px}.result-toolbar__link{display:inline-flex;margin-top:14px;font-size:13px;color:var(--orange-600);text-decoration:none;word-break:break-all}.result-toolbar__link:hover{text-decoration:underline}.result-toolbar__actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:260px}.sertifikat-grid{display:flex;flex-direction:column;gap:20px}.sertifikat-entry{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.sertifikat-entry__number{width:32px;height:32px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-muted);flex-shrink:0}.sertifikat-entry .form-select{flex:1}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.result-card{background:var(--surface-1);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;position:relative;overflow:hidden;animation:fadeSlideUp .5s var(--ease-out);box-shadow:var(--shadow-sm)}.result-card:before{display:none}.result-card__pilihan{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.result-card__prodi{font-family:var(--font-display);font-size:20px;color:var(--text-primary);margin-bottom:4px}.result-card__ptn{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.result-card__gauge{position:relative;width:160px;height:160px;margin:0 auto 20px}.result-card__percentage{font-family:var(--font-display);font-size:28px;font-weight:700;white-space:nowrap}.result-card__percentage-suffix{font-size:14px;color:var(--text-secondary)}.result-card__label{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.result-card__label--risiko{background:var(--risk-high-bg);color:var(--risk-high)}.result-card__label--optimis{background:var(--risk-mid-bg);color:#b45309}.result-card__label--peluang{background:var(--risk-low-bg);color:var(--risk-low)}.breakdown-section{margin-top:40px;animation:fadeSlideUp .6s var(--ease-out) .1s both}.breakdown-section__title{font-family:var(--font-display);font-size:22px;margin-bottom:24px;color:var(--text-primary)}.breakdown-tabs{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:var(--radius-sm);margin-bottom:24px}.breakdown-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.breakdown-tab--active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm)}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--gray-200)}.breakdown-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--gray-100);color:var(--text-secondary)}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table__bar-cell{width:120px}.bar-container{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .6s var(--ease-out)}.bar-fill--high{background:var(--risk-low)}.bar-fill--mid{background:var(--risk-mid)}.bar-fill--low{background:var(--risk-high)}.radar-section{background:var(--surface-1);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px;margin-top:24px;animation:fadeSlideUp .6s var(--ease-out) .2s both;box-shadow:var(--shadow-sm)}.radar-section__title{font-family:var(--font-display);font-size:22px;margin-bottom:8px}.radar-section__subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.radar-canvas-wrapper{display:flex;justify-content:center;padding:16px 0}.radar-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.radar-legend__item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.radar-legend__dot{width:10px;height:10px;border-radius:50%}.rekap-section{background:var(--surface-1);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px;margin-top:24px;animation:fadeSlideUp .6s var(--ease-out) .25s both;box-shadow:var(--shadow-sm)}.rekap-section__title{font-family:var(--font-display);font-size:22px;margin-bottom:8px;color:var(--text-primary)}.rekap-section__subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.rekap-list{display:flex;flex-direction:column;gap:10px}.rekap-item{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;border-left:3px solid transparent;transition:transform .15s var(--ease-out),box-shadow .15s}.rekap-item:hover{transform:translateX(2px)}.rekap-item--positive{background:var(--risk-low-bg);border-left-color:var(--risk-low);color:#15532e}.rekap-item--neutral{background:var(--risk-mid-bg);border-left-color:var(--risk-mid);color:#7c4a03}.rekap-item--negative{background:var(--risk-high-bg);border-left-color:var(--risk-high);color:#7f1d1d}.rekap-item__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700}.rekap-item--positive .rekap-item__icon{background:var(--risk-low);color:#ffffff}.rekap-item--neutral .rekap-item__icon{background:var(--risk-mid);color:#ffffff}.rekap-item--negative .rekap-item__icon{background:var(--risk-high);color:#ffffff}.rekap-item__text{flex:1}.daya-tampung-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:12px;color:var(--text-muted);margin-top:8px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.app-container{padding:24px 16px 60px}.form-card{padding:28px 20px}.form-grid,.result-grid{grid-template-columns:1fr}.result-toolbar{flex-direction:column;padding:20px}.result-toolbar__actions{width:100%;justify-content:stretch}.result-toolbar__actions .btn{width:100%}.step-indicator{gap:0;justify-content:space-between}.step-indicator__label{display:none}.step-indicator__line{width:32px}.form-actions{flex-direction:column-reverse;gap:12px}.form-actions .btn{width:100%}}@media (max-width:480px){.page-header__title{font-size:28px}.result-card__gauge{width:130px;height:130px}.result-card__percentage{font-size:22px}.selection-grid{gap:1rem;margin-bottom:2rem}.selection-card{padding:1.5rem}}.save-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:20px;animation:fadeIn .3s var(--ease-out)}.save-badge--saving{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);color:#2563eb}.save-badge--saved{background:var(--risk-low-bg);border:1px solid rgba(22,163,74,.15);color:var(--risk-low)}.save-badge--error{background:var(--risk-high-bg);border:1px solid rgba(220,38,38,.15);color:var(--risk-high)}.save-badge--readonly{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);color:#2563eb}.save-badge__icon{font-weight:700;font-size:14px}.save-badge__spinner{width:14px;height:14px;border:2px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.site-footer{padding:0;margin-top:40px}.site-footer__inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.site-footer__item{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 16px;border:1px solid rgba(211,47,47,.18);border-radius:var(--radius-md);background:linear-gradient(180deg,#ef5350,#d32f2f);box-shadow:0 10px 24px rgba(211,47,47,.16);color:#ffffff;font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.site-footer__item:hover{background:linear-gradient(180deg,#f0625f,#de3f3c);border-color:rgba(211,47,47,.32);box-shadow:0 14px 28px rgba(211,47,47,.22);transform:translateY(-2px)}.site-footer__icon{width:20px;height:20px;flex-shrink:0}.site-footer__content{display:flex;flex-direction:column;gap:2px;min-width:0}.site-footer__label{font-size:12px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.78)}.site-footer__value{font-size:14px;font-weight:700;line-height:1.3;word-break:break-word}.site-footer__item:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:3px}@media (max-width:768px){.site-footer__inner{grid-template-columns:1fr}}@media (max-width:480px){.site-footer{padding:0}.site-footer__item{min-height:64px;padding:12px 14px;justify-content:center}.site-footer__icon{width:16px;height:16px}.site-footer__content{align-items:center}.site-footer__label{font-size:11px;text-align:center}.site-footer__value{font-size:13px;text-align:center}}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;margin-bottom:4rem}.selection-card{background:white;padding:2.5rem;border-radius:20px;border:1px solid var(--border);text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.selection-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border-color:var(--orange-500)}.selection-card__icon{margin-bottom:1.5rem;color:var(--orange-500);background:var(--orange-50);width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:24px;transition:all .3s ease}.selection-card:hover .selection-card__icon{background:var(--orange-500);color:white;transform:scale(1.05) rotate(-3deg)}.icon-svg{width:48px;height:48px}.selection-card__title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:.75rem}.selection-card__description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:2rem;flex-grow:1}.selection-card__btn{font-weight:600;color:var(--orange-500);font-size:.9375rem}