:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#17324d;color:#fff;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 50% 10%,#214666 0,transparent 65%),#17324d}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}.card{width:min(100%,570px);margin:0 auto;padding:calc(30px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));text-align:center}.brand{display:block;width:64px;height:70px;margin:0 auto 19px;object-fit:contain}.identity h1{font-size:clamp(25px,5.7vw,32px);font-weight:700;letter-spacing:-.035em;margin:0 0 6px;line-height:1.15}.role{font-size:15px;color:#e4eaf0;margin:0}.expertise{margin:20px 0 23px;font-size:clamp(9px,2.45vw,12px);font-weight:700;letter-spacing:.085em;line-height:1.9}.expertise span{color:#f4b400;margin:0 3px}.qr-frame{display:block;line-height:0;width:min(100%,284px);margin:auto;background:#fff;padding:6px;border-radius:20px;box-shadow:0 14px 40px #06131f35}.qr-frame img{display:block;width:100%;height:auto;aspect-ratio:1}.contact-qr h2{font-size:13px;font-weight:600;line-height:1.5;margin:18px 0 6px}.save-contact{font-size:11px;color:#ccd8e4;text-decoration:underline;text-underline-offset:3px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.action{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-width:0;min-height:113px;padding:16px 13px;background:#23445f;border:1px solid #35556e;border-radius:12px;color:#fff;transition:background .15s,transform .15s}.action svg{width:20px;height:20px;fill:none;stroke:#f4b400;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px;flex-shrink:0}.action strong{font-size:13px;line-height:1.4}.action span{font-size:10px;color:#d7e1ea;margin-top:4px;line-height:1.5;overflow-wrap:anywhere;word-break:normal}.action.call{background:#f4b400;color:#17324d;border-color:#f4b400}.call svg{stroke:#17324d}.call span{color:#17324d}.action:hover{background:#2c526f}.action.call:hover{background:#ffca3b}.action:active{transform:translateY(1px)}:focus-visible{outline:3px solid white;outline-offset:4px}.status{font-size:12px;color:#f4b400;line-height:1.5;margin:12px 0 0}.status:empty{display:none}footer{margin-top:27px;padding-top:20px;border-top:1px solid #ffffff1a}footer p{font-size:10px;font-weight:700;letter-spacing:.075em;line-height:1.7;margin:0 0 9px}footer small{font-size:8px;letter-spacing:.07em;color:#b9c9d7;line-height:1.8}footer small span{color:#f4b400;padding:0 5px}#manual-copy{margin-top:16px;text-align:left;font-size:12px}#contact-text{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #66849b;border-radius:6px;background:#10273a;color:#fff;font-size:16px}@media(min-width:600px){.card{padding-top:40px}.brand{width:76px;height:84px}.action{padding:18px;min-height:120px}.action strong{font-size:15px}.action span{font-size:12px}}@media(max-width:359px){.actions{grid-template-columns:1fr}.action{min-height:98px;position:relative;padding-left:52px;justify-content:center}.action svg{position:absolute;left:17px;top:25px}.expertise{letter-spacing:.04em}.card{padding-left:16px;padding-right:16px}.qr-frame{width:100%}.action span{font-size:12px}}@media(prefers-reduced-motion:reduce){.action{transition:none}}
