*{box-sizing:border-box}body{margin:0;background:#080811;color:#F9F7FF;font:16px/1.7 "Segoe UI",sans-serif}main{max-width:640px;padding:30px 24px;margin:0 auto}header img{width:210px;max-width:100%;height:auto;display:block;margin:0 0 13px}.signature{color:#70FFE0;font-size:13px;margin:0 0 36px}.eyebrow{color:#70FFE0;font-size:9px;font-weight:700;letter-spacing:.12em;margin:0 0 14px}h1{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.06em;margin:0 0 19px}.design-intro>p:last-child{font-size:13px;color:#b4adc8;max-width:370px}.design-picker{display:flex;gap:8px;margin:30px 0 18px}.design-picker button{flex:1;color:#F9F7FF;background:#151320;border:1px solid #ffffff20;border-radius:12px;min-height:57px;cursor:pointer;font:700 12px "Segoe UI",sans-serif}.design-picker button span{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#b4adc8}.design-picker [aria-pressed=true]{border-color:#70FFE0;background:#70ffe010;color:#70FFE0}.card-preview{margin:0 0 30px}.card-preview img{width:100%;height:auto;border:1px solid #ffffff20;border-radius:15px;display:block}.card-preview figcaption{font-size:11px;color:#b4adc8;margin:12px 0}.contact{padding:28px;border:1px solid #ffffff20;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#ff4db815,transparent 70%),#10101b}h2{font-size:35px;line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}.role{color:#70FFE0;font-size:13px;margin:0 0 25px}.actions{display:grid;gap:11px}a{color:#70FFE0}a.action{display:flex;justify-content:space-between;align-items:center;min-height:52px;text-decoration:none;color:#F9F7FF;border:1px solid #ffffff20;padding:12px 15px;border-radius:11px;font-size:13px;gap:10px}.action span{color:#70FFE0}.action.save{border:0;color:#080811;background:linear-gradient(110deg,#FF4DB8,#B9A6FF);font-weight:700}.action.save span{color:#080811}.qr{margin:27px 0 0;display:flex;align-items:center;gap:21px}.qr img{width:116px;height:116px;padding:2px;background:white;border-radius:10px}.qr p{font-size:12px;color:#b4adc8;line-height:1.7;margin:0}.qr b{color:#F9F7FF}.card-files{margin-top:25px;border:1px solid #ffffff20;border-radius:18px;padding:20px}.card-files summary{font-size:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:30px;align-items:center}.card-files img{display:block;width:100%;height:auto;border-radius:12px;margin:20px 0}.card-files .action{margin-top:12px;font-size:12px}.card-files p{font-size:11px;color:#b4adc8}footer{margin:25px 0;font-size:12px}footer p{color:#b4adc8;font-size:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #70FFE0;outline-offset:5px}@media(min-width:600px){.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:0 20px}.qr{grid-column:1/-1}.card-preview figcaption{font-size:12px}}@media(max-width:360px){main{padding:22px 17px}.contact{padding:22px}.qr{gap:14px}.qr img{width:100px;height:100px}.qr p{font-size:11px}h1{font-size:45px}}