.cuic-portal{--c1:#0F6E8C;--c2:#C9A227;--ink:#0B1E33;--line:rgba(11,30,51,.18);--bad:#b42318;--ok:#067647;max-width:920px;margin:0 auto;color:var(--ink);font-size:16px;line-height:1.5}
.cuic-portal *{box-sizing:border-box}
.cuic-portal [hidden]{display:none!important}
.cuic-p-card,.cuic-portal form[data-form=portal]{background:#fff;border-radius:18px;padding:32px;box-shadow:0 10px 30px rgba(11,30,51,.1);position:relative}
.cuic-p-card::before,.cuic-portal form[data-form=portal]::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--c1),var(--c2))}
.cuic-p-login{max-width:560px;margin:0 auto}
.cuic-p-login h3{margin-top:8px}
.cuic-portal input[type=text],.cuic-portal input[type=email],.cuic-portal input[type=tel],.cuic-portal select,.cuic-portal textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:inherit;background:#fff}
.cuic-portal input:focus,.cuic-portal select:focus,.cuic-portal textarea:focus{outline:2px solid var(--c1);outline-offset:1px}
.cuic-p-label{display:block;font-weight:600;margin:14px 0 6px}
.req{color:var(--bad)}
.cuic-p-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.cuic-p-btn{display:inline-block;padding:11px 20px;border-radius:8px;border:1px solid var(--c1);background:#fff;color:var(--c1);font:inherit;font-weight:600;cursor:pointer}
.cuic-p-btn:hover{opacity:.85}
.cuic-p-btn:disabled{opacity:.5;cursor:not-allowed}
.cuic-p-primary{background:var(--c1);color:#fff}
.cuic-p-login button[type=submit]{margin-top:16px}
.cuic-p-link{background:none;border:0;color:var(--c1);text-decoration:underline;cursor:pointer;font:inherit;padding:0 0 0 8px}
.cuic-p-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;background:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 4px 14px rgba(11,30,51,.12)}
.cuic-p-ref strong{color:var(--c1);letter-spacing:.04em}
.cuic-p-email{display:block;font-size:14px;opacity:.7}
.cuic-p-badge{display:inline-block;margin-right:6px;padding:3px 10px;border-radius:999px;font-size:13px;background:#eef1f4}
.cuic-p-badge.ok{background:#dcfae6;color:var(--ok)}
.cuic-p-tabs{display:flex;gap:8px;margin-bottom:14px}
.cuic-p-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:var(--ink);white-space:nowrap}
.cuic-p-tab b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef1f4;font-size:12px}
.cuic-p-tab span{overflow:hidden;text-overflow:ellipsis}
.cuic-p-tab[aria-selected=true]{border-color:var(--c1);background:var(--c1);color:#fff}
.cuic-p-tab[aria-selected=true] b{background:rgba(255,255,255,.25)}
.cuic-p-tab .full{display:none}
.cuic-p-panel{display:none}
.cuic-p-panel.on{display:block}
.cuic-p-panel h3{margin:6px 0 4px}
.cuic-p-group{border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:6px 14px 10px}
.cuic-p-group legend{margin-bottom:-6px;padding:0 8px;font-weight:700;color:var(--c1)}
.cuic-p-choice{display:flex;gap:10px;align-items:flex-start;margin:8px 0;cursor:pointer}
.cuic-p-choice input{margin-top:5px;flex:none}
.cuic-p-choices{display:flex;gap:22px;flex-wrap:wrap}
.cuic-p-note{font-size:14px;opacity:.8;margin:6px 0}
.cuic-p-count{display:inline-block;margin-left:6px;padding:1px 10px;border-radius:999px;background:#fff6d6;font-weight:600;opacity:1}
.cuic-p-err{color:var(--bad);font-size:14px;margin-top:4px}
.cuic-p-field.has-err input,.cuic-p-field.has-err select,.cuic-p-field.has-err textarea{border-color:var(--bad)}
.cuic-p-field.has-err .cuic-p-group{border-color:var(--bad)}
.cuic-p-upload{border:1px dashed var(--line);border-radius:12px;padding:6px 16px 16px;margin:18px 0}
.cuic-p-upload input[type=file]{display:block;margin:10px 0}
.cuic-p-hasfile a{font-weight:600}
.cuic-p-nofile{opacity:.7;margin:6px 0}
.cuic-p-actions{display:flex;gap:12px;justify-content:space-between;margin-top:26px}
.cuic-p-msg{margin-top:10px;min-height:1em;font-size:15px}
.cuic-p-msg.ok{color:var(--ok)}
.cuic-p-msg.bad{color:var(--bad)}
.cuic-p-amount{display:flex;flex-direction:column;padding:16px 18px;border-radius:12px;background:linear-gradient(90deg,rgba(15,110,140,.1),rgba(201,162,39,.12))}
.cuic-p-amount span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.cuic-p-amount strong{font-size:32px;color:var(--c1)}
.cuic-p-paystate{margin:12px 0;padding:10px 14px;border-radius:8px;background:#eef1f4}
.cuic-p-paystate.ok{background:#dcfae6;color:var(--ok)}
.cuic-p-paystate.warn{background:#fff6d6}
.cuic-p-paystate.bad{background:#fee4e2;color:var(--bad)}
.cuic-p-bank{white-space:normal;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.cuic-p-callout{padding:14px 16px;border-radius:10px;background:#fff6d6}
@media (max-width:640px){
	.cuic-p-card,.cuic-portal form[data-form=portal]{padding:22px 16px}
	.cuic-p-grid{grid-template-columns:1fr}
	.cuic-p-tab b{display:none}
	.cuic-p-tab{padding:10px 4px;font-size:13px}
}
.cuic-p-or{display:flex;align-items:center;gap:12px;margin:26px 0 18px;font-size:14px;opacity:.75}
.cuic-p-or::before,.cuic-p-or::after{content:"";flex:1;height:1px;background:var(--line)}
.cuic-portal input[type=password],.cuic-portal input[type=text]#cuic-login-id{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:inherit;background:#fff}
.cuic-p-login input[type=text],.cuic-p-login input[type=password],.cuic-p-login input[type=email]{width:100%}
.cuic-p-account{margin-top:16px;background:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 4px 14px rgba(11,30,51,.12)}
.cuic-p-account summary{cursor:pointer;font-weight:600;color:var(--c1)}
.cuic-p-account-body .cuic-p-btn{margin-top:14px}
.cuic-portal .cuic-p-login h3{font-size:24px;line-height:1.2;margin:4px 0 10px}.cuic-portal .cuic-p-login p{font-size:15px}
