:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172235;background:#eaf2fc}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 75% 18%,#d4e6ff 0,transparent 42%),radial-gradient(circle at 18% 86%,#e7e8fb 0,transparent 40%),linear-gradient(140deg,#edf5fd,#dfe8f6 68%,#ede9f8);display:grid;place-items:center;padding:28px}.card{width:min(100%,580px);min-height:680px;padding:42px clamp(28px,7vw,64px) 35px;border:1px solid rgba(255,255,255,.72);border-radius:36px;background:rgba(255,255,255,.35);box-shadow:0 24px 80px rgba(61,91,134,.1);display:flex;flex-direction:column}.eyebrow{display:flex;align-items:center;gap:12px;color:#647386;font-size:13px;font-weight:600;letter-spacing:.14em}.dot{width:8px;height:8px;border-radius:50%;background:#0875d1}.identity{margin-top:40px}.portrait{display:block;width:108px;height:108px;border-radius:28px;object-fit:cover;margin-bottom:28px;box-shadow:0 10px 25px rgba(28,42,64,.12)}h1{margin:0;letter-spacing:-.055em;line-height:1}.surname{display:block;font-size:clamp(68px,16vw,112px);font-weight:700;background:linear-gradient(105deg,#111b2a,#275c96);color:transparent;background-clip:text}.given{display:block;margin-top:20px;font-size:clamp(29px,7vw,43px);font-weight:620;letter-spacing:-.04em}.latin{margin:20px 0 0;color:#718093;font-size:clamp(17px,4vw,22px)}.details{display:grid;gap:12px;margin-top:38px}.details a{width:max-content;max-width:100%;color:#1c2939;text-decoration:none;font-size:clamp(20px,5vw,28px)}.details a:last-child{color:#66788d}.details a:hover{text-decoration:underline}.messengers{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 36px}.messengers a,.messengers span{padding:9px 13px;border:1px solid rgba(90,115,150,.25);border-radius:999px;color:#31577f;text-decoration:none;font-size:14px}.messengers a:hover{text-decoration:underline}.save{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:20px 24px;border-radius:20px;background:#12233c;color:#fff;text-decoration:none;font-size:18px;font-weight:600;box-shadow:0 10px 24px rgba(18,35,60,.18)}.save:hover,.save:focus-visible{background:#244e80}.save span{font-size:24px;font-weight:400}.hint{margin:15px 0 0;text-align:center;color:#718093;font-size:13px}@media(max-width:540px){body{padding:0}.card{min-height:100svh;border:0;border-radius:0;padding:36px 28px 28px}.identity{margin-top:45px}.details{margin-top:38px}}@media(prefers-reduced-motion:no-preference){.save{transition:background .2s ease,transform .2s ease}.save:hover{transform:translateY(-2px)}}