:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#021d44;background:#eef3fa;font-synthesis:none;text-rendering:optimizeLegibility;--signal-blue: #0032a0;--signal-orange: #ff9332;--navy: #021d44;--aqua: #54b1f1;--blue-tint: #cbe8fb;--line: #dce5f0;--muted: #53657d}*{box-sizing:border-box}html{min-width:320px;background:#eef3fa}body{margin:0;min-width:320px;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at 12% 10%,rgba(84,177,241,.15),transparent 28rem),radial-gradient(circle at 88% 90%,rgba(255,147,50,.12),transparent 25rem),#eef3fa}.digital-card{width:min(100%,460px);overflow:hidden;border:1px solid rgba(2,29,68,.08);border-radius:28px;background:#fff;box-shadow:0 28px 70px #021d4424,0 4px 12px #021d440f}.portrait{position:relative;height:330px;overflow:hidden;background:var(--navy)}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 29%}.portrait:after{content:"";position:absolute;inset:auto 0 0;height:62px;background:linear-gradient(172deg,transparent 49%,#ffffff 50%)}.portrait-accent{position:absolute;right:-56px;bottom:8px;width:175px;height:54px;transform:rotate(-8deg);border-radius:18px 0 0;background:var(--signal-orange)}.card-body{position:relative;padding:0 34px 28px}.logo-frame{position:relative;width:270px;height:108px;margin-top:-18px;margin-bottom:6px;overflow:hidden}.logo-frame img{position:absolute;left:50%;top:50%;width:310px;height:310px;max-width:none;transform:translate(-50%,-50%);object-fit:contain}.identity h1{margin:0;color:var(--navy);font-size:clamp(2.25rem,8vw,3rem);font-weight:400;line-height:.98;letter-spacing:.055em;text-transform:uppercase}.role{margin:10px 0 0;color:var(--navy);font-size:.98rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.role span{padding:0 4px;color:var(--signal-orange)}.brand-rule{width:65%;height:2px;margin:20px 0 18px;background:var(--signal-orange)}.message p{margin:0}.promise{color:var(--navy);font-size:1.12rem;line-height:1.42}.service-area{margin-top:4px!important;color:var(--muted);font-size:.94rem;line-height:1.45}.primary-actions{display:grid;gap:10px;margin-top:24px}.action-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font:inherit;font-size:.94rem;font-weight:650;letter-spacing:.025em;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button svg{width:21px;height:21px}.button-primary{border:1px solid var(--signal-blue);color:#fff;background:var(--signal-blue);box-shadow:0 8px 20px #0032a033}.button-secondary{border:1px solid #cdd9e8;color:var(--signal-blue);background:#fff}.button:hover{transform:translateY(-1px)}.button-primary:hover{background:#002b8a;box-shadow:0 11px 24px #0032a03d}.button-secondary:hover{background:#f6f9fd}.button:focus-visible,.contact-list a:focus-visible,.link-list a:focus-visible{outline:3px solid rgba(84,177,241,.65);outline-offset:3px}.button:disabled{cursor:wait;opacity:.82}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.contact-list{display:grid;gap:12px;margin:24px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-list div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px}.contact-list dt,.contact-list dd{margin:0}.contact-list dt{display:flex;color:var(--signal-blue)}.contact-list svg{width:20px;height:20px}.contact-list dd{min-width:0;overflow-wrap:anywhere;color:var(--navy);font-size:.96rem}.contact-list a{text-decoration:none}.contact-list a:hover{color:var(--signal-blue);text-decoration:underline;text-underline-offset:3px}.link-list{display:grid;gap:2px;padding:12px 0}.link-list>a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:0 -10px;padding:12px 10px;border-radius:10px;text-decoration:none;transition:background-color .15s ease}.link-list>a:hover{background:#f4f8fd}.link-list svg{width:22px;height:22px;color:var(--signal-blue)}.link-list span{display:grid;gap:2px}.link-list strong{color:var(--navy);font-size:.93rem;font-weight:650}.link-list small{color:var(--muted);font-size:.79rem}.link-list .arrow{display:block;color:var(--signal-blue);font-size:1.05rem}.qr-section{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px;padding:18px;border:1px solid #d9e5f3;border-radius:15px;background:#f5f9fe}.qr-copy{display:flex;align-items:flex-start;gap:10px}.qr-copy>svg{width:24px;height:24px;flex:0 0 auto;color:var(--signal-blue)}.qr-copy h2{margin:0;color:var(--navy);font-size:.9rem;font-weight:650}.qr-copy p{margin:4px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}#qr-code{width:104px!important;height:104px!important;flex:0 0 auto;border:5px solid #ffffff;border-radius:8px;background:#fff}footer{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:22px;color:#6f7f92;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}footer svg{width:16px;height:16px}.toast{position:fixed;left:50%;bottom:22px;z-index:5;padding:12px 16px;border-radius:999px;color:#fff;background:var(--navy);box-shadow:0 10px 35px #021d443d;font-size:.88rem;opacity:0;transform:translate(-50%,18px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:460px){.page-shell{display:block;padding:0;background:#fff}.digital-card{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.portrait{height:42vh;min-height:310px;max-height:400px}.card-body{padding-right:24px;padding-left:24px}.logo-frame{width:220px}.logo-frame img{width:275px;height:275px}.identity h1{font-size:clamp(2.1rem,11vw,2.85rem)}.role{font-size:.84rem;letter-spacing:.1em}}@media(max-width:370px){.card-body{padding-right:20px;padding-left:20px}.identity h1{font-size:2rem}.promise{font-size:1rem}.qr-section{align-items:flex-start;padding:15px}#qr-code{width:88px!important;height:88px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
