@font-face{font-family:Plus;src:url('plus-jakarta-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--navy:#092d59;--navy-dark:#061e3c;--blue:#1b4e88;--yellow:#ffd23f;--ink:#152c45;--muted:#53657b;--line:#dde4ed;--paper:#f6f8fb;--white:#fff;--green:#216547;--green-bg:#e9f5ed;--amber:#825900;--amber-bg:#fff3d4;--red:#a13737;--red-bg:#fceeee;--radius:18px;--font:Plus,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--navy);line-height:1.15;letter-spacing:-.04em}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3578cf;outline-offset:4px}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.container{max-width:1240px;margin:0 auto;padding:0 36px}.skip{position:fixed;top:-100px;left:12px;padding:12px;background:var(--yellow);z-index:100}.skip:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border-radius:9px;font-weight:700;font-size:14px;border:1px solid transparent;transition:background .18s,transform .18s;line-height:1.4}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--navy);color:white}.button.primary:hover{background:#164674}.button.yellow{background:var(--yellow);color:var(--navy-dark)}.button.secondary{background:white;border-color:var(--line);color:var(--navy)}.button.soft{background:#eaf0f8;color:var(--navy)}.button.small{padding:10px 15px;min-height:44px;font-size:13px}.button.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:700;color:var(--navy)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--navy)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--yellow)}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:58px;height:58px;object-fit:contain;border-radius:4px;background:white}.brand span{font-size:19px;font-weight:800;color:var(--navy);line-height:1.25;letter-spacing:-.04em}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:30px;font-size:11px;font-weight:700;line-height:1.3;padding:6px 10px;background:#edf1f7;color:var(--navy)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.dark{background:var(--navy);color:white}.pill .icon{width:13px;height:13px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#edf1f8;color:var(--navy);font-weight:800;font-size:12px;flex-shrink:0}.avatar.yellow{background:#fff2c2}.muted{color:var(--muted)}.tiny{font-size:12px;line-height:1.6}.notice{display:flex;gap:12px;padding:16px 18px;border-radius:10px;background:#eef3fa;border:1px solid #dce5f0;font-size:13px;color:var(--navy);line-height:1.6}.notice .icon{margin-top:2px}.notice.warning{background:var(--amber-bg);color:#714e00;border-color:#edd799}.notice.success{background:var(--green-bg);color:var(--green);border-color:#cde2d2}.notice p{color:inherit}.notice strong{display:block}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:700;color:var(--navy)}.input,select,textarea{border:1px solid #b6c3d4;border-radius:8px;background:white;min-height:48px;padding:11px 13px;color:var(--ink);width:100%}textarea{resize:vertical;min-height:120px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-error{font-size:13px;color:var(--red)}.divider{height:1px;background:var(--line);margin:22px 0}.empty{padding:50px 24px;text-align:center}.empty .icon{width:38px;height:38px;color:#72849b;margin-bottom:16px}.empty h3{font-size:21px;margin-bottom:12px}.empty p{max-width:430px;margin:0 auto 20px;font-size:14px}dialog{border:1px solid var(--line);border-radius:18px;max-width:620px;width:calc(100% - 32px);padding:0;max-height:90dvh;color:var(--ink);box-shadow:0 24px 100px #001a3d40}dialog.wide{max-width:820px}dialog::backdrop{background:#031a38a6;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;background:white;padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.dialog-head h2{font-size:23px}.dialog-body{padding:24px}.dialog-body h3{font-size:17px;margin:20px 0 12px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:15px 24px;background:var(--navy-dark);color:white;border-radius:12px;box-shadow:0 10px 40px #00193430;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:1000}.toast.show{opacity:1;transform:translate(-50%,0)}.demo-bar{min-height:44px;background:var(--navy-dark);color:#e4eaf3;display:flex;align-items:center;justify-content:space-between;padding:4px 24px;gap:12px;font-size:11px;position:relative;z-index:25}.demo-bar a{display:flex;align-items:center;gap:5px;min-height:36px}.demo-bar .icon{width:15px;height:15px}.demo-bar>span{display:flex;align-items:center;gap:8px}.demo-bar i{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.detail-list{margin:0;padding:0;list-style:none}.detail-list li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:14px}.detail-list li>span:first-child{color:var(--muted)}.detail-list li>strong{text-align:right}.section-anchor{scroll-margin-top:100px}.check-list{padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:14px}.check-list li{display:flex;gap:10px}.check-list .icon{width:18px;height:18px;margin-top:2px;color:var(--green)}
@media(max-width:760px){.container{padding:0 22px}.button{padding:13px 18px}.brand img{width:48px;height:48px}.brand span{font-size:17px}.demo-bar{padding:4px 12px;flex-wrap:wrap;gap:0}.demo-bar>span{order:3;width:100%;justify-content:center;padding-bottom:6px;font-size:10px}.demo-bar a{font-size:11px}.form-grid{grid-template-columns:1fr}.dialog-body{padding:20px}.dialog-head{padding:15px 20px}.dialog-head h2{font-size:20px}.detail-list li{font-size:13px}.notice{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}
