:root{--rec-blue: #2547FF;--rec-blue-600: #1437C7;--rec-blue-700: #1029A0;--rec-blue-light: #4D6FFF;--rec-blue-accent: #7FA8FF;--rec-indigo: #4D6FFF;--rec-navy: #0A1238;--rec-cyan: #22D3EE;--rec-gold: #F5B740;--rec-gold-deep: #D8941A;--ink: #0A1238;--ink-2: #3A4567;--ink-3: #6B769B;--line: #E3E8F7;--line-2: #EEF1FB;--bg: #F4F6FF;--surface: #FFFFFF;--surface-2: #FAFBFF;--ok: #16A34A;--ok-bg: #E7F7EC;--warn: #B7860B;--warn-bg: #FBF1D6;--danger: #DC2626;--danger-bg: #FCE9E9;--purple: #7C4DFF;--font-display: "Sora", system-ui, sans-serif;--font-text: "Inter", system-ui, sans-serif;--r-sm: 8px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-sm: 0 1px 2px rgba(16, 30, 80, .06), 0 1px 3px rgba(16, 30, 80, .05);--shadow: 0 6px 18px rgba(20, 35, 95, .08);--shadow-lg: 0 22px 60px rgba(17, 30, 95, .16);--shadow-blue: 0 14px 34px rgba(37, 71, 255, .3);--maxw: 1140px;--nav-h: 64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-text);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;margin:0;letter-spacing:-.02em;color:var(--ink)}h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800}h2{font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:700}h3{font-size:1.18rem;font-weight:700}p{margin:0;line-height:1.6;color:var(--ink-2)}a{color:var(--rec-blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:3px solid rgba(39,66,245,.45);outline-offset:2px;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.muted{color:var(--ink-3)}.eyebrow{font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rec-blue)}.center{text-align:center}.btn{--b: var(--rec-blue);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:11px 18px;border-radius:999px;border:1px solid transparent;background:var(--b);color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .15s ease;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-blue);text-decoration:none}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.lg{padding:14px 24px;font-size:1.02rem}.btn.sm{padding:8px 14px;font-size:.85rem}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.ghost:hover{box-shadow:var(--shadow);border-color:#cfd6ec}.btn.subtle{background:#2742f514;color:var(--rec-blue)}.btn.subtle:hover{background:#2742f524;box-shadow:none}.btn.gold{background:linear-gradient(135deg,var(--rec-gold),var(--rec-gold-deep));color:#3a2700}.btn.linkedin{background:#0a66c2}.btn.linkedin:hover{box-shadow:0 14px 30px #0a66c252}.btn.danger{background:var(--surface);color:var(--danger);border-color:#f3c9c9}.btn.danger:hover{background:var(--danger-bg);box-shadow:none}.btn.block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card.pad{padding:22px}.pill{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.76rem;padding:4px 10px;border-radius:999px;font-family:var(--font-display)}.pill.active{background:var(--ok-bg);color:var(--ok)}.pill.expired{background:var(--warn-bg);color:var(--warn)}.pill.revoked{background:var(--danger-bg);color:var(--danger)}.pill.skill{background:#2742f514;color:var(--rec-blue-700)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}label.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--ink-2)}.input,.select,textarea.input{font-family:var(--font-text);font-size:.95rem;color:var(--ink);padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;transition:border .15s,box-shadow .15s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--rec-blue);box-shadow:0 0 0 3px #2742f51f;outline:none}.hint{font-size:.78rem;color:var(--ink-3);font-weight:500}.toast-wrap{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{display:flex;align-items:center;gap:10px;background:var(--navy, #0A1230);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:500;animation:slideup .25s ease}.toast.ok{background:#0c2a17;border:1px solid #1f6b3d}@keyframes slideup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.divider{height:1px;background:var(--line);border:0;margin:0}.grid{display:grid;gap:18px}.skel{background:linear-gradient(90deg,#eef1f8,#f7f9ff,#eef1f8);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:8px}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.badge-card{position:relative;width:360px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);text-align:center;overflow:hidden}.badge-card__band{background:linear-gradient(120deg,var(--rec-navy) 0%,var(--rec-blue-700) 60%,var(--rec-blue-600) 100%);padding:14px 20px 13px;display:flex;flex-direction:column;align-items:center;gap:6px}.badge-card__logo{height:24px;width:auto}.badge-card__band-tag{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.18em;color:var(--rec-blue-accent)}.badge-card__body{padding:18px 24px;position:relative}.badge-card__body:before{content:"";position:absolute;inset:0 0 auto 0;height:140px;background:radial-gradient(60% 80% at 50% 0%,rgba(37,71,255,.1),transparent 70%);pointer-events:none}.badge-card__emblem{display:flex;justify-content:center;margin:4px 0 2px;position:relative}.badge-card__name{font-family:var(--font-display);font-weight:800;font-size:1.32rem;line-height:1.15;color:var(--ink);margin:8px 12px 0;letter-spacing:-.02em}.badge-card__to{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:14px;font-weight:600}.badge-card__recipient{font-family:var(--font-display);font-weight:700;font-size:1.28rem;color:var(--rec-blue-600);margin-top:3px}.badge-card__head{font-size:.85rem;color:var(--ink-3);margin-top:2px}.badge-card__skills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:16px 4px 4px}.badge-card__skill{font-size:.72rem;font-weight:600;color:var(--rec-blue-700);background:#2547ff14;padding:4px 9px;border-radius:999px}.badge-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line-2);font-size:.72rem;color:var(--ink-3);font-weight:500}.badge-card__id{font-family:var(--font-display);font-weight:700;color:var(--ink-2);letter-spacing:.03em}.nav{position:sticky;top:0;z-index:50;background:#ffffffd1;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.nav__in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.nav__links{display:flex;align-items:center;gap:4px}.nav__link{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-2);padding:8px 14px;border-radius:999px}.nav__link:hover{background:var(--line-2);text-decoration:none;color:var(--ink)}.nav__link.active{background:#2547ff1a;color:var(--rec-blue)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.stat__n{font-family:var(--font-display);font-weight:800;font-size:1.9rem;color:var(--ink);line-height:1}.stat__l{font-size:.82rem;color:var(--ink-3);margin-top:6px;font-weight:500}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:10px 12px;border-bottom:1px solid var(--line)}.tbl td{padding:12px;border-bottom:1px solid var(--line-2);font-size:.9rem;vertical-align:middle}.tbl tr:hover td{background:var(--surface-2)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--rec-blue),var(--rec-blue-600));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.8rem;flex-shrink:0}.hero{background:radial-gradient(120% 90% at 50% -20%,rgba(37,71,255,.1),transparent 60%)}.section{padding:40px 0}.tile{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.tpl{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;transition:transform .14s,box-shadow .2s,border-color .15s;position:relative}.tpl:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--rec-blue-accent)}.tpl.sel{border-color:var(--rec-blue);box-shadow:0 0 0 3px #2547ff24}.tpl__name{font-family:var(--font-display);font-weight:700;font-size:1rem;margin-top:10px}.tpl__cat{font-size:.76rem;color:var(--ink-3);margin-top:2px}.ribbon-featured{position:absolute;top:10px;right:10px;font-size:.62rem;font-weight:700;font-family:var(--font-display);background:var(--rec-gold);color:#3a2700;padding:3px 8px;border-radius:999px;letter-spacing:.04em}.copybox{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);padding:14px;font-size:.9rem;line-height:1.6;white-space:pre-wrap;color:var(--ink-2)}.tone-tabs{display:flex;gap:6px;flex-wrap:wrap}.tone-tab{font-family:var(--font-display);font-weight:600;font-size:.82rem;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.tone-tab.active{background:var(--rec-blue);color:#fff;border-color:var(--rec-blue)}.growth{background:linear-gradient(135deg,var(--rec-navy),var(--rec-blue-700));color:#fff;border-radius:var(--r-xl);padding:28px;position:relative;overflow:hidden}.growth h2,.growth h3{color:#fff}.growth p{color:#ffffffd1}.growth:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(127,168,255,.4),transparent 70%)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80}.claim-link{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-top:12px}.claim-link__url{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink);word-break:break-all;margin-top:2px}.code-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;background:linear-gradient(135deg,var(--rec-navy),var(--rec-blue-700));border-radius:var(--r);padding:16px 18px}.code-hero .hint{color:var(--rec-blue-accent)}.code-hero__code{font-family:var(--font-display);font-weight:800;font-size:2rem;letter-spacing:.22em;color:#fff;line-height:1.1}.code-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.code-chip{font-family:var(--font-display);font-weight:700;font-size:.92rem;letter-spacing:.12em;padding:8px 12px;border:1px dashed var(--rec-blue-accent);border-radius:10px;background:#2547ff0f;color:var(--rec-blue-700);cursor:pointer}.code-chip:hover{background:#2547ff1f}.code-chip.used{opacity:.4;text-decoration:line-through;border-style:solid;cursor:default}@media (max-width: 720px){.hide-mobile{display:none!important}.nav__link{padding:8px 10px;font-size:.82rem}.badge-card{width:100%}}