.name-page{--ink:#121c2b;--muted:#697b91;--line:#d8e2ec;--soft:#f6f8fb;--green:#087f72;--green-soft:#e8f5f1;letter-spacing:0}.name-heading{margin-bottom:30px}.name-eyebrow{margin:0 0 11px!important;color:var(--green)!important;font-size:14px!important;font-weight:800!important}.name-heading h1{margin:0;color:var(--ink);font-size:48px;line-height:1.18}.name-heading>p:last-child{max-width:780px;margin:20px 0 0!important;color:var(--muted)!important;font-size:18px!important;line-height:1.8!important}.name-tool{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.name-input-panel,.name-analysis{padding:28px}.name-input-panel{border-right:1px solid var(--line)}.name-input-panel>span,.name-analysis>span{color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase}.name-input-panel h2,.name-analysis h2{margin:6px 0 0;color:var(--ink);font-size:27px}.name-input-panel>p{margin:8px 0 22px!important;color:var(--muted)!important;font-size:13px!important}.name-input-panel label{display:block;margin-top:16px}.name-input-panel label>span{display:block;margin-bottom:8px;color:var(--ink);font-size:13px;font-weight:800}.name-page input,.name-page select{width:100%!important;height:54px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important;color:var(--ink)!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important}.name-page input{padding:0 15px!important}.name-page select{padding:0 38px 0 14px!important}.example-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.example-row button{height:37px!important;padding:0 13px!important;border:1px solid var(--line)!important;border-radius:99px!important;background:var(--soft)!important;color:#405269!important;font-size:12px!important;font-weight:700!important;line-height:35px!important;box-shadow:none!important}.convert-button{width:100%;height:52px!important;margin-top:18px;padding:0!important;border:1px solid var(--green)!important;border-radius:7px!important;background:var(--green)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:50px!important;box-shadow:none!important}.name-status{min-height:20px;margin:9px 0 0!important;color:var(--muted)!important;font-size:11px!important}.name-status.is-error{color:#b42331!important;font-weight:700}.name-analysis{background:linear-gradient(150deg,#f3f8f7,#eef7f5)}.name-analysis h2{font-size:24px}.split-name{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 15px}.split-name>div{padding:17px;border:1px solid rgba(102,151,145,.28);border-radius:7px;background:rgba(255,255,255,.78)}.split-name span{display:block;color:var(--muted);font-size:10px}.split-name strong{display:block;margin-top:5px;color:var(--ink);font-size:20px}.name-analysis>p{margin:0!important;color:var(--muted)!important;font-size:12px!important;line-height:1.7!important}.name-results,.name-guide{margin-top:26px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#fff}.name-results>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.name-results h2,.name-guide h2{margin:0;color:var(--ink);font-size:30px}.name-page .name-results>header button{height:46px!important;padding:0 15px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important;color:#334155!important;font-weight:800!important;line-height:44px!important}.result-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.result-card{position:relative;padding:19px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.result-card.is-primary{border-color:#9ccdc6;background:var(--green-soft)}.result-card>span{color:var(--green);font-size:10px;font-weight:900}.result-card strong{display:block;margin:9px 50px 5px 0;color:var(--ink);font-family:Arial,sans-serif;font-size:21px;letter-spacing:0}.result-card p{margin:0!important;color:var(--muted)!important;font-size:11px!important}.result-card button{position:absolute;top:16px;right:13px;height:36px!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:#fff!important;color:#405269!important;font-size:11px!important;font-weight:800!important;line-height:34px!important;box-shadow:none!important}.passport-alert{margin-top:16px;padding:17px;border-left:4px solid #d49524;background:#fff8e9}.passport-alert strong{color:#6f511a;font-size:13px}.passport-alert p{margin:5px 0 0!important;color:#846b3e!important;font-size:12px!important;line-height:1.7!important}.name-guide>header{padding-bottom:24px;border-bottom:1px solid var(--line)}.name-guide>header>p:last-child{margin:11px 0 0!important;color:var(--muted)!important;font-size:15px!important;line-height:1.75!important}.guide-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:24px}.guide-grid section{padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-grid h3{margin:0;color:var(--ink);font-size:18px}.guide-grid p{margin:8px 0 0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.75!important}.format-table{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:7px}.format-table>div{display:grid;grid-template-columns:1fr 1fr 1.25fr;padding:13px 17px;border-top:1px solid var(--line);font-size:13px}.format-table>div:first-child{border-top:0}.format-table .table-head{background:var(--green-soft);color:var(--green);font-size:11px}.format-table span{color:var(--muted)}.name-faq{margin-top:26px}.name-faq h2{font-size:24px}.name-faq details{border-top:1px solid var(--line)}.name-faq details:last-child{border-bottom:1px solid var(--line)}.name-faq summary{padding:17px 4px;color:var(--ink);font-weight:800;cursor:pointer}.name-faq p{margin:0 4px 17px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.75!important}.official-note{margin:23px 0 0!important;padding:17px;border-left:4px solid var(--green);background:var(--green-soft);color:#416c67!important;font-size:12px!important;line-height:1.75!important}.official-note a{color:var(--green);font-weight:800}
@media screen and (max-width:900px){.name-tool{grid-template-columns:1fr}.name-input-panel{border-right:0;border-bottom:1px solid var(--line)}}
@media screen and (max-width:700px){.name-heading h1{font-size:36px}.name-heading>p:last-child{font-size:16px}.name-input-panel,.name-analysis,.name-results,.name-guide{padding:22px 15px}.result-cards,.guide-grid{grid-template-columns:1fr}.name-results>header{display:block}.name-results>header button{width:100%;margin-top:14px}.format-table>div{grid-template-columns:.9fr 1fr 1.2fr;padding:12px 9px;font-size:11px}}
@media screen and (max-width:390px){.split-name{grid-template-columns:1fr}.result-card strong{font-size:19px}}
.name-page [hidden]{display:none!important}
.name-page .result-card button{width:auto!important}
