@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--board);min-height:100vh;color:var(--ink-950);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p{margin-block:0}h1,h2,h3{text-wrap:balance;line-height:1.12}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}img,svg{max-width:100%;display:block}table{border-collapse:collapse;border-spacing:0}ul,ol{margin:0;padding:0}::selection{background:var(--cobalt-100);color:var(--ink-950)}:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 35%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer tokens{:root{--font-sans:var(--font-source), "Source Sans 3", system-ui, sans-serif;--ink-950:#071126;--ink-900:#0f1b3d;--ink-800:#172850;--ink-700:#243b66;--ink-600:#405679;--ink-500:#60718d;--ink-300:#aeb9ca;--ink-200:#ced5df;--ink-100:#e4e8ee;--ink-50:#f1f3f7;--paper:#fff;--board:#f6f7f9;--cobalt-700:#1745c7;--cobalt-600:#2356e8;--cobalt-500:#376df4;--cobalt-100:#dbe5ff;--cobalt-50:#eef3ff;--green-700:#17633d;--green-100:#d9f2e5;--amber-700:#8a4a00;--amber-100:#ffedca;--red-700:#a82c35;--red-100:#ffe0e2;--line:#d9dee7;--line-strong:#aeb9ca;--focus:#2356e8;--shadow-sm:0 1px 2px #07112614;--shadow-md:0 12px 30px #0711261f;--radius-sm:5px;--radius-md:9px;--radius-lg:14px;--radius-pill:999px;--masthead-h:60px;--sidebar-w:264px}}@layer base{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:1000;background:var(--paper);color:var(--ink-950);border:2px solid var(--cobalt-600);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.wrap{width:min(1180px,100% - 48px);margin-inline:auto}.page-enter{animation:.24s both enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.45}}}@layer components{.ui-button,.btn,.public-btn,.auth-btn{border-radius:var(--radius-pill);background:var(--ink-900);min-height:40px;color:var(--paper);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.ui-button:hover,.btn:hover{background:var(--cobalt-600)}.ui-button:active,.btn:active{transform:translateY(1px)}.ui-button--primary,.btn-primary,.btn-cta,.primary,.solid,.cta{background:var(--cobalt-600);color:var(--paper)}.ui-button--secondary,.ui-button--quiet,.btn-ghost,.ghost,.btn-ghost-sm,.public-btn-ghost{background:var(--paper);border-color:var(--line-strong);color:var(--ink-900)}.ui-button--danger,.danger,.btn-danger-sm{background:var(--red-700);color:var(--paper)}.ui-button--sm,.btn-sm,.btn-primary-sm,.btn-ghost-sm,.btn-danger-sm,.xs,.sm{min-height:34px;padding-inline:12px;font-size:13px}.ui-icon-button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);width:38px;height:38px;color:var(--ink-700);place-items:center;display:inline-grid}.ui-icon-button:hover{border-color:var(--cobalt-600);color:var(--cobalt-600)}.ui-field{gap:6px;min-width:0;display:grid}.ui-field__label{color:var(--ink-700);font-size:13px;font-weight:700}.ui-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);outline:0;width:100%;min-height:42px;padding:9px 12px}textarea.ui-input,.ui-textarea{resize:vertical;min-height:100px}.ui-input:focus{border-color:var(--cobalt-600);box-shadow:0 0 0 3px var(--cobalt-100)}.ui-field__hint{color:var(--ink-500);font-size:12px}.ui-field__error{color:var(--red-700);font-size:12px;font-weight:600}.ui-field--error .ui-input,.has-error{border-color:var(--red-700)}.ui-notice,.auth-alert,.form-warn,.toast{border:1px solid var(--cobalt-100);border-radius:var(--radius-sm);background:var(--cobalt-50);color:var(--ink-800);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.ui-notice>div{gap:2px;display:grid}.ui-notice--success,.success{border-color:var(--green-700);background:#f1fbf6}.ui-notice--warning,.warn{border-color:var(--amber-700);background:#fff9ee}.ui-notice--danger,.auth-alert--error,.error,.err{border-color:var(--red-700);color:var(--red-700);background:#fff5f5}.ui-state{border:1px dashed var(--line-strong);background:var(--ink-50);min-height:220px;color:var(--ink-600);text-align:center;place-content:center;justify-items:center;gap:10px;padding:32px;display:grid}.ui-state__mark{background:var(--paper);border:1px solid var(--line);width:48px;height:48px;color:var(--cobalt-600);border-radius:50%;place-items:center;display:grid}.ui-state__copy{gap:3px;display:grid}.ui-state__copy strong{color:var(--ink-900);font-size:17px}.ui-state--loading{min-height:180px}.ui-state--error{border-color:var(--red-700);background:#fff5f5}.ui-state--error .ui-state__mark{border-color:var(--red-100);color:var(--red-700)}.ui-spinner,.auth-spinner{border:2px solid var(--ink-200);border-top-color:var(--cobalt-600);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.ui-page-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding-bottom:18px;display:flex}.ui-page-intro h1{color:var(--ink-950);letter-spacing:-.035em;font-size:clamp(27px,3vw,40px)}.ui-page-intro p{max-width:720px;color:var(--ink-600);margin-top:7px}.ui-page-intro__eyebrow{color:var(--cobalt-600);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.ui-page-intro__back{color:var(--ink-600);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-flex}.ui-page-intro__actions{flex-wrap:wrap;gap:8px;display:flex}.ui-surface{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.ui-surface__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:14px 18px;display:flex}.ui-surface__header h2{font-size:17px}.ui-surface__header p{color:var(--ink-500);margin-top:3px;font-size:13px}.ui-surface__body{padding:18px}.ui-surface__actions,.ui-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-toolbar{border:1px solid var(--line);background:var(--paper);padding:12px}.ui-badge{border-radius:var(--radius-pill);background:var(--ink-100);min-height:25px;color:var(--ink-700);justify-content:center;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-flex}.ui-badge--blue,.active{background:var(--cobalt-100);color:var(--cobalt-700)}.ui-badge--green,.on{background:var(--green-100);color:var(--green-700)}.ui-badge--amber{background:var(--amber-100);color:var(--amber-700)}.ui-badge--red{background:var(--red-100);color:var(--red-700)}.ui-data-frame{overscroll-behavior-inline:contain;contain:inline-size;border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;max-width:100%;overflow:auto}.ui-data-frame table{width:100%;min-width:720px}.ui-data-frame th{background:var(--ink-900);height:44px;color:var(--paper);letter-spacing:.045em;text-align:left;text-transform:uppercase;white-space:nowrap;border:1px solid #25375d;padding:9px 12px;font-size:12px;font-weight:800}.ui-data-frame td{border:1px solid var(--line);background:var(--paper);vertical-align:middle;padding:11px 12px}.ui-data-frame tbody tr:hover td{background:var(--cobalt-50)}.ui-overlay{z-index:200;background:#071126b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.ui-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper);width:min(100%,560px);max-height:calc(100vh - 36px);box-shadow:var(--shadow-md);overflow:auto}.ui-dialog--sm{max-width:420px}.ui-dialog--lg{max-width:760px}.ui-dialog--xl{max-width:1040px}.ui-dialog__header{z-index:1;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;top:0}.ui-dialog__header h2{font-size:19px}.ui-dialog__body{padding:18px}.ui-dialog__message{color:var(--ink-700)}.ui-dialog__form{gap:14px;margin-top:16px;display:grid}.ui-dialog__footer{border-top:1px solid var(--line);background:var(--ink-50);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.system-page{background:var(--ink-950);place-items:center;min-height:100vh;padding:24px;display:grid}.system-page__panel{border-top:8px solid var(--cobalt-600);background:var(--paper);width:min(100%,720px);box-shadow:var(--shadow-md);gap:18px;padding:clamp(28px,6vw,64px);display:grid}.system-page__code{color:var(--cobalt-600);letter-spacing:.14em;font-size:12px;font-weight:800}.system-page__icon{background:var(--ink-900);width:52px;height:52px;color:var(--paper);place-items:center;display:grid}.system-page h1{letter-spacing:-.05em;font-size:clamp(38px,6vw,66px)}.system-page p{max-width:560px;color:var(--ink-600);font-size:17px}.system-page__actions{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.system-page small{color:var(--ink-500)}}@layer public{.public-site{background:var(--paper);overflow:hidden}.public-header{z-index:80;color:var(--paper);background:#071126f5;border-bottom:1px solid #ffffff29;transition:border-color .18s,box-shadow .18s,background-color .18s;position:fixed;top:0;left:0;right:0}.public-header-scrolled{background:var(--ink-950);border-bottom-color:#425274;box-shadow:0 12px 28px #030a1938}.public-header-in{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.public-brand{align-items:center;gap:10px;min-width:0;font-weight:800;display:flex}.public-crest,.public-crest-dark{border:1px solid #ffffff47;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.public-navlinks{align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.public-navlinks a:not(.public-btn){align-items:center;min-height:44px;display:inline-flex;position:relative}.public-navlinks a:not(.public-btn):after{content:"";transform-origin:0;background:#91aeff;height:2px;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.public-navlinks a:not(.public-btn):hover,.public-navlinks a[aria-current=location]{color:#b8c8ff}.public-navlinks a:not(.public-btn):hover:after,.public-navlinks a[aria-current=location]:after{transform:scaleX(1)}.public-burger{border-radius:var(--radius-pill);width:44px;min-width:44px;height:44px;color:inherit;background:0 0;border:1px solid #0000;flex:0 0 44px;place-items:center;transition:background-color .15s,border-color .15s,transform .12s;display:none}.public-burger[aria-expanded=true]{background:#15264d;border-color:#52617f}.public-burger svg{width:24px;height:24px}.public-hero{background:var(--ink-950);min-height:760px;color:var(--paper);padding:126px 0 48px;position:relative}.public-hero:after{background:var(--cobalt-600);content:"";height:10px;position:absolute;bottom:0;left:0;right:0}.public-hero-bg,.public-hero-grid{pointer-events:none;opacity:.18;border:1px solid #ffffff24;position:absolute;inset:0}.public-blob{display:none}.public-hero-inner{z-index:1;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:64px;display:grid;position:relative}.public-eyebrow,.public-kick{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:800;display:inline-flex}.public-eyebrow{color:#b8c8ff}.public-kick{color:var(--cobalt-700)}.public-kick-dark{color:#b8c8ff}.public-eye-dot{background:#6fe0a6;border-radius:50%;width:8px;height:8px}.public-h1{letter-spacing:-.065em;max-width:760px;font-size:clamp(62px,8vw,118px);font-weight:700;line-height:.78}.public-h1-line{display:block}.public-h1-stroke{color:#0000;-webkit-text-stroke:1.5px #9db5ff}.public-h1-accent{color:#6f93ff}.public-lead{color:#c8d1e4;max-width:610px;margin-top:34px;font-size:clamp(18px,2vw,23px)}.public-hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.public-btn{min-height:46px;padding-inline:20px;transition:background-color .16s,border-color .16s,color .16s,transform .12s,box-shadow .16s}.public-btn .ico{pointer-events:none;flex:0 0 18px;width:18px;height:18px}.public-btn-primary{background:var(--cobalt-500);box-shadow:0 8px 22px #2356e83d}.public-btn-ghost{color:var(--paper);background:0 0;border-color:#7c8da9}.public-hero-right{border:1px solid #ffffff2e;height:540px;min-height:0;position:relative;overflow:hidden}.public-hero-right img{object-fit:cover;width:100%;height:100%}.public-hero-badge{background:var(--cobalt-600);width:150px;padding:20px;display:grid;position:absolute;bottom:0;right:0}.public-hero-badge-num{font-size:44px;font-weight:700;line-height:1}.public-hero-badge-lbl{font-size:13px}.public-hero-stats{z-index:2;border-top:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);margin-top:36px;display:grid;position:relative}.public-stat{gap:2px;padding:22px 0;display:grid}.public-stat-n{font-size:34px;font-weight:700}.public-stat-l{color:#aebbd2;font-size:13px}.public-stat-sep{background:#ffffff29;width:1px}.public-ticker{background:var(--cobalt-600);color:var(--paper);overflow:hidden}.public-ticker-track{letter-spacing:.08em;text-transform:uppercase;gap:22px;width:max-content;padding:13px 0;font-size:13px;font-weight:800;animation:28s linear infinite ticker;display:flex}.public-ticker-track[data-paused]{animation-play-state:paused}.public-ticker-dot{color:#9eb5ff}@keyframes ticker{to{transform:translate(-50%)}}.public-mods-sec,.public-roles-sec,.public-cta-sec{padding:100px 0}.public-sec-head-row,.public-sec-dark-grid,.public-roles-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.public-h2{color:var(--ink-950);letter-spacing:-.055em;font-size:clamp(44px,6vw,76px)}.public-sub{max-width:560px;color:var(--ink-600);align-self:end;font-size:18px}.public-bento{background:var(--ink-300);border:1px solid var(--ink-300);grid-template-columns:1.25fr .75fr;gap:1px;margin-top:48px;display:grid}.public-bento-card{background:var(--paper);min-height:280px;padding:30px;transition:background-color .18s,color .18s,transform .18s cubic-bezier(.22,1,.36,1);position:relative}a.public-bento-card:after{color:var(--cobalt-600);content:"↗";font-size:22px;line-height:1;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;top:28px;right:28px}.public-bento-lg:after{color:#9db5ff!important}.public-bento-lg{background:var(--ink-900);min-height:560px;color:var(--paper);grid-row:span 2}.public-bento-cta{background:var(--cobalt-600);color:var(--paper)}.public-bento-card.public-bento-cta p{color:var(--paper);opacity:1}.public-bento-num{color:var(--cobalt-600);font-size:13px;font-weight:800}.public-bento-lg .public-bento-num{color:#9db5ff}.public-bento-ico{width:52px;margin:55px 0 24px}.public-bento-card h3{font-size:28px}.public-bento-card p{color:currentColor;opacity:.72;max-width:520px;margin-top:12px}.public-tag{border-radius:var(--radius-pill);text-transform:uppercase;border:1px solid;padding:5px 10px;font-size:11px;font-weight:800;position:absolute;bottom:24px;right:24px}.public-bleed{background:var(--ink-950);height:min(70vw,620px);position:relative;overflow:hidden}.public-bleed img{object-fit:cover;opacity:.56;width:100%;height:100%}.public-bleed-overlay{background:#0711269e;align-items:end;padding-bottom:58px;display:grid;position:absolute;inset:0}.public-bleed-quote{max-width:900px;color:var(--paper);letter-spacing:-.04em;font-size:clamp(34px,5vw,66px);font-weight:600;line-height:1}.public-role-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 30px;gap:20px;padding:25px 0;display:grid}.public-role-num{color:var(--cobalt-600);font-size:12px;font-weight:800}.public-role-row h3{font-size:22px}.public-role-row p{color:var(--ink-600);margin-top:5px}.public-role-arrow{align-self:center;width:22px}.public-sec-dark{background:var(--ink-900);color:var(--paper);padding:100px 0}.public-h2-dark{color:var(--paper)}.public-sub-dark{color:#bac5d7}.public-shield-list{gap:14px;margin-top:32px;list-style:none;display:grid}.public-shield-li{color:#d5dcea;gap:11px;display:flex}.public-shield-chk{background:var(--cobalt-500);border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.public-shield-chk svg{width:13px}.public-shield-card{background:#111f44;border:1px solid #425274;place-items:center;min-height:420px;display:grid}.public-shield-visual{color:#86a3ff;width:180px}.public-shield-stats{gap:32px;display:flex}.public-cta-inner{border-top:2px solid var(--ink-950);justify-content:space-between;align-items:center;gap:30px;padding-top:40px;display:flex}.public-cta-h{letter-spacing:-.05em;max-width:760px;font-size:clamp(38px,5vw,70px)}.public-foot{background:var(--ink-950);color:#cbd3e1;padding:42px 0}.public-foot-in{grid-template-columns:1fr auto;gap:30px;display:grid}.public-foot-links{gap:12px;display:flex}.public-foot-links a{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:44px;min-height:44px;padding-inline:6px;display:inline-flex}.public-foot-links a:hover{color:var(--paper);background:#15264d}#modul,#peran,#keamanan{scroll-margin-top:76px}.public-js .public-site [data-reveal]{transition:transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(14px)}.public-js .public-site [data-reveal].public-in{transform:none}a.public-bento-card:focus-visible{z-index:2;outline:3px solid var(--focus);outline-offset:4px;position:relative}@media (hover:hover) and (pointer:fine){.public-btn:hover{transform:translateY(-2px)}.public-btn-primary:hover{background:var(--cobalt-600);box-shadow:0 12px 28px #2356e852}.public-btn-ghost:hover{background:#ffffff14;border-color:#b8c8ff}a.public-bento-card:hover{background:var(--cobalt-50);transform:translateY(-3px)}a.public-bento-card:hover:after{transform:translate(3px,-3px)}a.public-bento-lg:hover,.public-burger:hover{background:#15264d}}.public-btn:active,a.public-bento-card:active,.public-burger:active{transform:translateY(1px)scale(.985)}.public-foot-desc{color:#8998b2;margin-top:12px}}@layer auth{.auth-layout{background:var(--paper);grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.auth-brand{background:var(--ink-950);min-height:100vh;color:var(--paper);align-content:space-between;padding:44px;display:grid;position:relative;overflow:hidden}.auth-brand-grid{opacity:.26;border:1px solid #35466a;position:absolute;inset:32px}.auth-blob{display:none}.auth-brand-top,.auth-brand-center{z-index:1;position:relative}.auth-logo{align-items:center;gap:10px;font-weight:800;display:inline-flex}.auth-crest{border:1px solid #8292ae;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.auth-brand-center{align-self:end;max-width:650px;padding-bottom:30px}.auth-brand-mega{color:#7798ff;letter-spacing:-.1em;font-size:clamp(100px,16vw,210px);font-weight:300;line-height:.75;display:flex}.auth-brand-mega-o{color:#0000;-webkit-text-stroke:1px #7798ff}.auth-brand-title{max-width:600px;color:var(--paper);letter-spacing:-.05em;margin-top:45px;font-size:clamp(36px,5vw,66px);font-weight:700;line-height:1}.auth-brand-center>p:not(.auth-brand-title){color:#b6c1d4;max-width:530px;margin-top:18px;font-size:17px}.auth-points{color:#d6ddeb;gap:10px;margin-top:28px;list-style:none;display:grid}.auth-points li{align-items:center;gap:9px;display:flex}.auth-points svg{flex:0 0 18px;width:18px;height:18px}.auth-panel{border-left:1px solid var(--line);background:var(--ink-50);place-items:center;min-width:0;padding:48px;display:grid}.auth-card{width:min(100%,470px)}.auth-entry-nav{display:contents}.auth-mobile-brand{display:none}.auth-back{min-height:44px;color:var(--ink-600);align-items:center;gap:7px;margin-bottom:28px;font-weight:700;display:inline-flex}.auth-back svg{transition:transform .16s}.auth-back:hover{color:var(--ink-950)}.auth-back:hover svg{transform:translate(-3px)}.auth-card-head{margin-bottom:26px}.auth-kicker{color:var(--cobalt-600);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.auth-h1{letter-spacing:-.05em;font-size:clamp(34px,4vw,50px)}.auth-sub{color:var(--ink-600);margin-top:9px}.auth-alert{margin-bottom:18px}.auth-alert svg{flex:none;width:20px}.auth-field{margin-bottom:19px;position:relative}.auth-field input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);outline:0;width:100%;height:54px;padding:20px 46px 7px 44px;transition:border-color .15s,box-shadow .15s,background-color .15s}.auth-field input:hover:not(:disabled):not(:focus){border-color:var(--ink-500)}.auth-field input:focus{border-color:var(--cobalt-600);box-shadow:0 0 0 3px var(--cobalt-100)}.auth-field input:disabled{background:var(--ink-100);color:var(--ink-600)}.auth-field input[aria-invalid=true]{border-color:var(--red-700);box-shadow:0 0 0 3px var(--red-100)}.auth-field input[aria-invalid=true]+label{color:var(--red-700)}.auth-field label{color:var(--ink-500);pointer-events:none;transition:all .13s;position:absolute;top:16px;left:44px}.auth-field input:focus+label,.auth-field input:not(:placeholder-shown)+label{color:var(--cobalt-600);font-size:11px;font-weight:700;top:5px}.auth-field-ico{z-index:1;width:20px;color:var(--ink-500);transition:color .15s;position:absolute;top:17px;left:14px}.auth-field:has(input:focus) .auth-field-ico{color:var(--cobalt-600)}.auth-field:has(input[aria-invalid=true]) .auth-field-ico{color:var(--red-700)}.auth-pw-toggle{z-index:2;width:44px;height:44px;color:var(--ink-600);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:5px;right:5px}.auth-pw-toggle svg{width:20px;height:20px}.auth-pw-toggle:hover{background:var(--cobalt-50);color:var(--cobalt-700)}.auth-pw-toggle[aria-pressed=true]{background:var(--ink-100);color:var(--ink-900)}.auth-field-error{color:var(--red-700);margin-top:6px;font-size:12px;font-weight:650;display:block}.auth-btn{background:var(--cobalt-600);width:100%;min-height:48px;margin-top:5px}.auth-btn svg{pointer-events:none;flex:0 0 18px;width:18px;height:18px}.auth-btn:hover:not(:disabled){background:var(--cobalt-700);transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(1px)}.auth-btn:disabled{opacity:.68;cursor:wait}.auth-btn .auth-spinner{border-color:#fff6;border-top-color:var(--paper)}.auth-alert:focus-visible{outline:3px solid var(--red-100);outline-offset:2px}.auth-alt,.auth-trust{color:var(--ink-600);margin-top:20px;font-size:13px}.auth-alt{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding-top:18px;display:flex}.auth-alt>span{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--ink-600);border-radius:50%;flex:0 0 22px;place-items:center;font-size:12px;font-weight:800;display:grid}.auth-alt strong{color:var(--ink-900)}.auth-trust{align-items:center;gap:8px;display:flex}.auth-methods{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.auth-methods button{background:var(--ink-50);border:0;min-height:42px;font-weight:700}.auth-methods button[aria-pressed=true]{background:var(--ink-900);color:var(--paper)}.auth-policy-page{background:var(--paper);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:100vh;display:grid}.auth-policy-panel{align-content:center;max-width:820px;padding:clamp(32px,7vw,90px);display:grid}.auth-policy-brand{color:var(--ink-900);align-items:center;gap:10px;margin-bottom:64px;font-weight:800;display:inline-flex}.auth-policy-brand .auth-crest{border-color:var(--ink-300);background:var(--ink-900);color:var(--paper)}.auth-policy-index,.auth-policy-kicker{color:var(--cobalt-600);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.auth-policy-index{margin-bottom:10px}.auth-policy-panel h1{letter-spacing:-.055em;max-width:760px;font-size:clamp(42px,6vw,76px)}.auth-policy-lead{max-width:680px;color:var(--ink-600);margin-top:20px;font-size:18px}.auth-policy-steps{border-top:1px solid var(--line);margin-top:38px;list-style:none;display:grid}.auth-policy-steps li{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;gap:14px;padding:17px 0;display:grid}.auth-policy-steps li>span{color:var(--cobalt-600);font-size:12px;font-weight:800}.auth-policy-steps p{color:var(--ink-600);margin-top:3px}.auth-policy-actions{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.auth-policy-aside{background:var(--ink-950);color:var(--paper);align-content:end;gap:24px;padding:clamp(32px,5vw,64px);display:grid}.auth-policy-aside>p{color:#91a5ca;letter-spacing:.15em;font-size:11px;font-weight:800}.auth-policy-aside>strong{letter-spacing:-.05em;max-width:500px;font-size:clamp(38px,5vw,68px);line-height:.95}.auth-policy-aside>div{flex-wrap:wrap;gap:8px;display:flex}.auth-policy-aside>div span{border-radius:var(--radius-pill);color:#c8d1e3;border:1px solid #425274;padding:6px 11px;font-size:12px}}@layer showcase{.showcase-page{background:var(--board);min-height:100vh}.showcase-masthead{z-index:40;background:var(--ink-950);min-height:66px;color:var(--paper);border-bottom:1px solid #2d3b5b;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;padding:8px clamp(18px,4vw,54px);display:grid;position:sticky;top:0}.showcase-brand{color:inherit;align-items:center;gap:10px;display:inline-flex}.showcase-brand-mark{background:var(--cobalt-600);place-items:center;width:36px;height:36px;display:grid}.showcase-brand>span:last-child{line-height:1.1;display:grid}.showcase-brand small{color:#94a5c6;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.showcase-masthead nav{gap:22px;display:flex}.showcase-masthead nav a{color:#c8d1e3;font-size:13px;font-weight:700}.showcase-masthead>.ui-button{color:var(--paper);background:0 0;border-color:#52617f;justify-self:end}.showcase-shell{grid-template-columns:250px minmax(0,1fr);width:100%;min-width:0;max-width:100%;display:grid}.showcase-index{border-right:1px solid var(--line);background:var(--paper);align-content:start;height:calc(100vh - 66px);padding:34px 24px;display:grid;position:sticky;top:66px}.showcase-index>p{color:var(--cobalt-600);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.showcase-index>strong{margin-top:10px;font-size:20px;line-height:1.15}.showcase-index ol{margin-top:34px;list-style:none;display:grid}.showcase-index li{border-top:1px solid var(--line)}.showcase-index li:last-child{border-bottom:1px solid var(--line)}.showcase-index li a{min-height:47px;color:var(--ink-700);grid-template-columns:34px 1fr;align-items:center;font-weight:700;display:grid}.showcase-index li span{color:var(--cobalt-600);font-size:10px}.showcase-index-note{color:var(--ink-500);align-self:end;margin-top:auto;font-size:11px;line-height:1.5}.showcase-content{width:min(100%,1180px);min-width:0;max-width:100%;padding:clamp(32px,5vw,70px)}.showcase-section,.showcase-section-head,.showcase-section-head>div,.showcase-content .ui-surface{min-width:0;max-width:100%}.showcase-content>.ui-page-intro{padding-bottom:44px}.showcase-content>.ui-page-intro h1{letter-spacing:-.04em;max-width:850px;font-size:clamp(45px,6vw,78px);line-height:.98}.showcase-content>.ui-page-intro p{max-width:720px;font-size:17px}.showcase-section{border-top:1px solid var(--line-strong);gap:24px;padding:50px 0;scroll-margin-top:80px;display:grid}.showcase-section-head{grid-template-columns:150px minmax(0,1fr);gap:24px;display:grid}.showcase-section-head>span{color:var(--cobalt-600);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.showcase-section-head h2{letter-spacing:-.035em;font-size:clamp(28px,4vw,42px)}.showcase-section-head p{max-width:650px;color:var(--ink-600);margin-top:5px}.showcase-color-grid{border:1px solid var(--line);grid-template-columns:repeat(6,minmax(110px,1fr));display:grid}.showcase-swatch{border-right:1px solid var(--line);background:var(--paper);min-width:0}.showcase-swatch:last-child{border-right:0}.showcase-swatch>span{background:var(--swatch);height:110px;display:block}.showcase-swatch>div{gap:3px;padding:11px;display:grid}.showcase-swatch strong{font-size:12px}.showcase-swatch code{color:var(--ink-500);font-size:10px}.showcase-swatch--ink{--swatch:#071126}.showcase-swatch--navy{--swatch:#0f1b3d}.showcase-swatch--cobalt{--swatch:#2356e8}.showcase-swatch--board{--swatch:#eef2f7}.showcase-swatch--paper{--swatch:#fff}.showcase-swatch--success{--swatch:#137a43}.showcase-type-sheet{border:1px solid var(--line);background:var(--paper);display:grid}.showcase-type-sheet>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;align-items:baseline;gap:24px;padding:22px;display:grid}.showcase-type-sheet>div:last-child{border:0}.showcase-type-sheet span{color:var(--ink-500);font-size:11px;font-weight:700}.showcase-type-sheet>div:first-child strong{letter-spacing:-.04em;font-size:clamp(34px,5vw,64px);line-height:1}.showcase-type-sheet h3{font-size:28px}.showcase-badges{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.showcase-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.showcase-form-wide,.showcase-form-actions{grid-column:1/-1}.showcase-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.showcase-table-toolbar{justify-content:space-between;margin-bottom:12px}.showcase-search{border:1px solid var(--line-strong);align-items:center;gap:8px;width:min(100%,360px);padding-inline:10px;display:flex}.showcase-search .ui-input{box-shadow:none;border:0}.showcase-notice-stack{gap:9px;display:grid}.showcase-state-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.showcase-state-grid .ui-state{border:0;min-height:250px}}@layer responsive{@media (max-width:1120px){.public-h1{font-size:clamp(58px,9vw,95px)}.showcase-color-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}.showcase-swatch:nth-child(3){border-right:0}}@media (max-width:899px){:root{--sidebar-w:0px}.wrap{width:min(100% - 32px,1180px)}.public-header-in{min-height:60px}.public-navlinks{visibility:hidden;background:var(--ink-950);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform-origin:top;border:1px solid #425274;grid-template-rows:repeat(4,44px);align-content:start;align-items:stretch;gap:4px;padding:14px;transition:visibility 0s linear .18s,opacity .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:calc(100% + 1px);left:16px;right:16px;transform:translateY(-8px)scale(.99)}.public-navlinks[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:none}.public-navlinks>a{align-items:center;min-height:44px;padding:10px 12px}.public-navlinks .public-btn{justify-content:center;height:44px;min-height:44px;margin-top:4px}.public-burger{display:grid}.public-hero{padding-top:96px}.public-hero-inner{grid-template-columns:1fr}.public-hero-right{height:460px;min-height:0}.public-sec-head-row,.public-sec-dark-grid,.public-roles-grid{grid-template-columns:1fr;gap:34px}.public-bento{grid-template-columns:1fr}.public-bento-lg{grid-row:auto;min-height:390px}.auth-layout,.auth-policy-page{grid-template-columns:1fr}.auth-layout{min-height:100svh}.auth-layout .auth-panel{order:1;min-height:100svh;padding:40px 24px}.auth-layout .auth-brand{display:none}.auth-entry-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:34px;display:flex}.auth-mobile-brand{min-width:0;min-height:44px;color:var(--ink-900);align-items:center;gap:10px;font-weight:800;display:inline-flex}.auth-mobile-brand span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-mobile-brand .auth-crest{border-color:var(--ink-300);background:var(--ink-950);color:var(--paper)}.auth-entry-nav .auth-back{flex:none;margin-bottom:0}.auth-policy-aside{min-height:360px}.auth-brand{min-height:520px;padding:32px}.auth-brand-mega{font-size:120px}.auth-panel{padding:42px 24px}.showcase-masthead{grid-template-columns:1fr auto}.showcase-masthead nav{display:none}.showcase-page,.showcase-shell{width:100vw;max-width:100vw;overflow-x:clip}.showcase-shell{grid-template-columns:minmax(0,1fr)}.showcase-index{display:none}.showcase-content{width:100vw;min-width:0;max-width:100vw}.showcase-content .ui-data-frame{contain:inline-size paint;width:100%;max-width:100%;overflow-x:auto}.showcase-state-grid{grid-template-columns:1fr}}@media (max-width:620px){.wrap{width:min(100% - 24px,1180px)}.ui-page-intro{flex-direction:column;align-items:flex-start}.ui-page-intro h1{font-size:30px}.ui-toolbar>*{max-width:100%}.public-h1{font-size:clamp(53px,18vw,78px)}.public-hero{padding-top:88px}.public-lead{font-size:17px}.public-hero-right{height:320px;min-height:0}.public-hero-stats{grid-template-columns:repeat(2,1fr)}.public-stat-sep{display:none}.public-mods-sec,.public-roles-sec,.public-cta-sec,.public-sec-dark{padding:68px 0}.public-h2{font-size:43px}.public-cta-inner,.public-foot-in{flex-direction:column;align-items:flex-start;display:flex}.public-foot-links{flex-wrap:wrap}.auth-brand{min-height:450px;padding:24px}.auth-brand-title{font-size:39px}.auth-brand-mega{font-size:90px}.auth-layout .auth-panel{align-items:start;min-height:100svh;padding:24px 18px 34px}.auth-entry-nav,.auth-card-head{margin-bottom:22px}.auth-h1{font-size:36px}.showcase-masthead{padding-inline:14px}.showcase-masthead>.ui-button{min-width:44px;padding-inline:12px}.showcase-masthead>.ui-button span{display:none}.showcase-content{padding:28px 16px}.showcase-section-head,.showcase-type-sheet>div{grid-template-columns:1fr;gap:8px}.showcase-color-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.showcase-swatch:nth-child(3){border-right:1px solid var(--line)}.showcase-swatch:nth-child(2n){border-right:0}.showcase-form{grid-template-columns:1fr}.showcase-form-wide,.showcase-form-actions{grid-column:auto}}@media print{@page{size:A4;margin:0}body{background:#fff}.no-print{display:none!important}}}