:root{--purple:#6f56f2;--purple-2:#7b63f7;--text:#ffffff;--text-muted:rgba(255,255,255,0.85);--ink:#1f1f29;--muted:#6a6a7a;--card-bg:#ffffff;--card-border:#e8e8ee;--shadow:0 10px 30px rgba(0,0,0,0.12);--radius-xl:28px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;color:var(--ink)}.button-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit}.visually-hidden{clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important}.splash{position:relative;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(60% 60% at 30% 20%,var(--purple-2) 0,var(--purple) 40%,#6149df 100%);color:var(--text);overflow:hidden}.splash__content{position:relative;z-index:2;text-align:center;width:min(92vw,520px);padding:6vh 4vw}.splash__emoji{font-size:clamp(42px,7vw,64px);line-height:1;margin-bottom:clamp(8px,1.2vw,12px)}.splash__title{font-weight:800;letter-spacing:.06em;font-size:clamp(28px,6vw,48px);margin:0 0 12px;text-transform:uppercase;text-shadow:0 3px 16px rgba(0,0,0,.15)}.splash__subtitle{font-size:clamp(14px,3.2vw,20px);color:rgba(255,255,255,.9);margin:0 0 28px}.splash__cta{display:inline-flex;align-items:center;gap:12px;background:#ffffff;color:#4a3ac7;border-radius:999px;padding:14px 22px;font-weight:700;font-size:clamp(15px,3.6vw,18px);box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .08s ease,box-shadow .2s ease;cursor:pointer}.splash__cta:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(0,0,0,.2)}.splash__cta:active{transform:translateY(0)}.splash__cta-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#eee9ff,#ffffff);border:1px solid #ece8ff}.stickers{position:absolute;inset:0;pointer-events:none;z-index:1}.sticker{position:absolute;opacity:.18;mix-blend-mode:overlay;filter:saturate(.7) contrast(1.05) drop-shadow(0 6px 12px rgba(0,0,0,.06));transform-origin:center}.roles{min-height:100dvh;background:radial-gradient(60% 60% at 80% -10%,#8f7dfc 0,var(--purple) 55%,#5a47d9 100%);padding:clamp(16px,3vw,28px);position:relative}.roles__header{color:var(--text);display:flex;align-items:center;gap:12px;max-width:980px;margin:0 auto}.roles__back{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.18);display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);cursor:pointer;transition:background .15s ease}.roles__back:hover{background:rgba(255,255,255,.26)}.roles__title{font-weight:800;font-size:clamp(18px,3.6vw,28px);letter-spacing:.02em}.roles__panel{position:relative;max-width:980px;margin:clamp(16px,3vw,24px) auto 0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:clamp(16px,4vw,28px)}.roles__panel-heading{color:#5348c8;font-weight:700;font-size:clamp(14px,2.8vw,16px);margin-bottom:clamp(12px,3vw,18px)}.roles__list{display:grid;grid-gap:12px;gap:12px}.role-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--card-border);background:#fff;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;cursor:pointer}.role-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.06)}.role-card--selected{background:#6c56f0;border-color:#6c56f0;color:#fff}.role-card__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f5f3ff;border:1px solid #ece8ff;overflow:hidden}.role-card--selected .role-card__icon{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.role-card__texts{min-width:0}.role-card__title{font-weight:800;font-size:16px;margin:0 0 2px}.role-card__desc{font-size:13px;color:#6b6b85;margin:0}.role-card--selected .role-card__desc{color:rgba(255,255,255,.92)}.role-card__radio{width:22px;height:22px;border-radius:999px;border:2px solid #d6d3ff;display:grid;place-items:center;background:#fff}.role-card--selected .role-card__radio{border-color:#fff;background:#6c56f0;box-shadow:inset 0 0 0 4px #fff}.roles__top-right-art{position:absolute;top:clamp(6px,2vw,18px);right:clamp(6px,2vw,18px);width:clamp(80px,18vw,220px);height:auto;opacity:.25;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.1))}@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Coiny;src:url(/fonts/Coiny-Regular.woff2) format("woff2"),url(/fonts/Coiny-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--hr-purple:#6F56F2;--hr-purple-dark:#5A47D9;--hr-bg-fallback:#6F56F2;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*,:after,:before{box-sizing:border-box}#__next,#__root,body,html{height:100%}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;background:var(--hr-bg-fallback)}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.safe-p{padding:max(1rem,var(--safe-top)) max(1rem,var(--safe-right)) max(1rem,var(--safe-bottom)) max(1rem,var(--safe-left))}.safe-px{padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right))}.safe-py{padding-top:max(1rem,var(--safe-top));padding-bottom:max(1rem,var(--safe-bottom))}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-5px);opacity:1}}.gpu{will-change:transform;transform:translateZ(0)}