.pb-page{min-height:100vh;padding:96px 16px;background:radial-gradient(circle at 20% 0%,rgba(255,91,164,.22),transparent 34%),radial-gradient(circle at 80% 10%,rgba(130,92,255,.24),transparent 32%),#080812;color:#fff}.pb-shell{width:calc(100% - 120px);margin:0 auto}.pb-shell--modal{padding:28px}.pb-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:end;margin-bottom:28px}.pb-kicker{display:inline-flex;margin-bottom:14px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ff9ac8;background:#ffffff0f;font-size:13px;font-weight:700}.pb-hero h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.05em}.pb-hero p{max-width:680px;margin:18px 0 0;color:#ffffffb8;font-size:18px;line-height:1.55}.pb-progress{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pb-progress__top{display:flex;justify-content:space-between;margin-bottom:12px;color:#ffffffc7}.pb-progress__bar{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1f}.pb-progress__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5ba4,#8a6cff);transition:width .25s ease}.pb-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px}.pb-main,.pb-side{display:grid;gap:24px;align-content:start}.pb-card,.pb-preview,.pb-prompt{border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#ffffff13;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pb-card{padding:24px}.pb-card__head{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.pb-card__head h2,.pb-preview h2,.pb-prompt h2{margin:0;font-size:24px;letter-spacing:-.03em}.pb-card__head p,.pb-preview p,.pb-prompt p{margin:6px 0 0;color:#ffffff9e;line-height:1.5}.pb-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pb-template{min-height:110px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#ffffff0f;color:#fff;text-align:left;cursor:pointer;transition:.18s ease}.pb-template:hover{transform:translateY(-2px);border-color:#ff5ba499;background:#ff5ba421}.pb-template span{display:inline-flex;margin-bottom:16px;padding:5px 9px;border-radius:999px;background:#ffffff14;color:#ff9ac8;font-size:12px;font-weight:700}.pb-template strong{display:block;font-size:16px;line-height:1.2}.pb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pb-field{display:grid;gap:8px}.pb-field:first-child{grid-column:1 / -1}.pb-field span{color:#ffffffc7;font-size:14px;font-weight:700}.pb-field input,.pb-field textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:18px;outline:none;background:#05050e80;color:#fff;font:inherit;transition:.18s ease}.pb-field input{height:54px;padding:0 16px}.pb-field textarea{resize:vertical;min-height:112px;padding:14px 16px}.pb-field input:focus,.pb-field textarea:focus{border-color:#ff5ba4b8;box-shadow:0 0 0 4px #ff5ba41f}.pb-preview{position:sticky;top:24px;padding:26px;overflow:hidden}.pb-preview:before{content:"";position:absolute;inset:-80px -80px auto auto;width:180px;height:180px;border-radius:999px;background:#ff5ba438;filter:blur(10px)}.pb-avatar{display:grid;place-items:center;width:86px;height:86px;margin-bottom:20px;border-radius:28px;background:linear-gradient(135deg,#ff5ba4,#8a6cff);font-size:40px;font-weight:900;box-shadow:0 18px 44px #ff5ba447}.pb-preview__label{margin-bottom:8px;color:#ff9ac8;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pb-preview__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pb-preview__chips span{padding:8px 10px;border-radius:999px;background:#ffffff14;color:#ffffffc7;font-size:13px;font-weight:700}.pb-prompt{padding:22px}.pb-prompt pre{max-height:340px;overflow:auto;margin:0;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#00000047;color:#ffffffc7;white-space:pre-wrap;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pb-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:14px}.pb-btn,.pb-link-btn,.pb-float,.pb-close{border:0;font:inherit;cursor:pointer}.pb-btn{min-height:52px;border-radius:18px;font-weight:900}.pb-btn--primary{color:#fff;background:linear-gradient(135deg,#ff5ba4,#8a6cff);box-shadow:0 16px 38px #ff5ba442}.pb-btn--ghost{border:1px solid rgba(255,255,255,.12);color:#fff;background:#ffffff12}.pb-link-btn{align-self:start;padding:9px 12px;border-radius:999px;color:#ffffffb8;background:#ffffff12}.pb-float{position:fixed;right:22px;bottom:22px;z-index:90;display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 18px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ff5ba4,#8a6cff);box-shadow:0 18px 46px #0000005c;font-weight:900}.pb-modal{position:fixed;inset:0;z-index:1000}.pb-modal__backdrop{position:absolute;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pb-modal__panel{position:absolute;inset:18px;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:radial-gradient(circle at 20% 0%,rgba(255,91,164,.22),transparent 34%),radial-gradient(circle at 80% 10%,rgba(130,92,255,.24),transparent 32%),#080812;color:#fff}.pb-close{position:sticky;top:16px;z-index:3;float:right;display:grid;place-items:center;width:44px;height:44px;margin:16px 16px 0 0;border-radius:999px;color:#fff;background:#ffffff1a;font-size:28px}@media (max-width: 1100px){.pb-layout,.pb-hero{grid-template-columns:1fr}.pb-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-preview{position:static}}@media (max-width: 720px){.pb-page{padding:72px 12px}.pb-shell--modal{padding:18px}.pb-modal__panel{inset:8px;border-radius:24px}.pb-hero h1{font-size:38px}.pb-hero p{font-size:16px}.pb-card,.pb-preview,.pb-prompt{border-radius:22px;padding:18px}.pb-fields,.pb-template-grid,.pb-actions{grid-template-columns:1fr}.pb-float{right:12px;bottom:12px;left:12px;justify-content:center}}.pb-template--visual{position:relative;min-height:210px;overflow:hidden;padding:14px;display:flex;flex-direction:column;justify-content:flex-end}.pb-template--visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000f,#0000003d 45%,#000000c7);z-index:1}.pb-template--visual img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.pb-template--visual span,.pb-template--visual strong{position:relative;z-index:2}.pb-template--visual span{width:-moz-max-content;width:max-content}.pb-template--visual strong{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55)}.pb-quiz{color:#fff}.pb-quiz__top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:end;margin-bottom:22px}.pb-quiz__top h1{margin:0;font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.06em}.pb-quiz__top p{max-width:760px;margin:18px 0 0;color:#ffffffb8;font-size:18px;line-height:1.55}.pb-steps{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:6px}.pb-step{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#ffffffad;font-weight:800;white-space:nowrap;cursor:pointer}.pb-step span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#ffffff14;font-size:12px}.pb-step.is-active{color:#fff;border-color:#ff5ba4a6;background:#ff5ba426}.pb-step.is-done{color:#ff9ac8}.pb-quiz__layout{display:grid;grid-template-columns:minmax(0,1fr) 420px 350px;gap:24px;align-items:start}.pb-persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pb-persona-card{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#ffffff0f;color:#fff;cursor:pointer;text-align:left;transition:.2s ease}.pb-persona-card:hover{transform:translateY(-4px);border-color:#ff5ba4b3;box-shadow:0 22px 60px #00000052}.pb-persona-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000005,#0000002e 48%,#000000e0);z-index:1}.pb-persona-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.pb-persona-card__body{position:absolute;inset:auto 0 0;z-index:2;padding:18px}.pb-persona-card__body span{display:inline-flex;width:-moz-max-content;width:max-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#ff5ba438;color:#ff9ac8;font-size:12px;font-weight:900}.pb-persona-card__body strong{display:block;margin-bottom:7px;font-size:19px;line-height:1.1;letter-spacing:-.02em}.pb-persona-card__body small{display:-webkit-box;overflow:hidden;color:#ffffffb8;font-size:13px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pb-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pb-choice{min-height:92px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#ffffff0f;color:#ffffffd1;text-align:left;font-weight:800;line-height:1.45;cursor:pointer;transition:.18s ease}.pb-choice:hover,.pb-choice.is-selected{border-color:#ff5ba4b8;background:#ff5ba424;color:#fff}.pb-custom{display:grid;gap:10px;margin-top:18px}.pb-custom span{color:#ffffffc7;font-size:14px;font-weight:900}.pb-custom textarea{width:100%;min-height:132px;resize:vertical;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;outline:none;background:#05050e80;color:#fff;font:inherit}.pb-custom textarea:focus{border-color:#ff5ba4b8;box-shadow:0 0 0 4px #ff5ba41f}.pb-nav{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;margin-top:18px}.pb-nav .pb-btn:disabled{opacity:.45;cursor:not-allowed}.pb-quiz__side{position:sticky;top:92px;display:grid;gap:18px}.pb-preview--quiz{position:relative;top:auto}.pb-result{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(255,91,164,.24),transparent 32%),#ffffff0f}.pb-result__avatar{display:grid;place-items:center;width:110px;height:110px;border-radius:34px;background:linear-gradient(135deg,#ff5ba4,#8a6cff);font-size:54px;font-weight:950;box-shadow:0 18px 44px #ff5ba447}.pb-result__content h2{margin:0;font-size:36px;letter-spacing:-.04em}.pb-result__content p{max-width:720px;margin:10px 0 0;color:#ffffffb8;font-size:17px;line-height:1.55}.pb-result__sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.pb-result__sections div{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0003}.pb-result__sections b{display:block;margin-bottom:7px;color:#ff9ac8;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.pb-result__sections span{color:#ffffffc7;line-height:1.45}.pb-fields--final{margin-top:22px}@media (max-width: 1180px){.pb-quiz__layout,.pb-quiz__top{grid-template-columns:1fr}.pb-quiz__side{position:static}.pb-persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.pb-quiz__top h1{font-size:40px}.pb-persona-grid,.pb-choice-grid,.pb-result,.pb-result__sections,.pb-nav{grid-template-columns:1fr}.pb-persona-card{min-height:420px}.pb-result__avatar{width:88px;height:88px;border-radius:26px;font-size:42px}}.pb-result{grid-template-columns:260px minmax(0,1fr)}.pb-result__photo{position:relative;overflow:hidden;width:260px;min-height:380px;border-radius:28px;background:linear-gradient(135deg,#ff5ba4,#8a6cff);box-shadow:0 24px 70px #00000052}.pb-result__photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pb-result__photo span{display:grid;place-items:center;width:100%;height:100%;font-size:72px;font-weight:950}.pb-preview-photo{position:relative;overflow:hidden;width:100%;height:450px;margin-bottom:20px;border-radius:28px;background:linear-gradient(135deg,#ff5ba4,#8a6cff)}.pb-preview-photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pb-preview-photo span{display:grid;place-items:center;width:100%;height:100%;font-size:64px;font-weight:950}@media (max-width: 720px){.pb-result{grid-template-columns:1fr}.pb-result__photo{width:100%;min-height:460px}}.pb-persona-card.is-selected{border-color:#ff5ba4f2;box-shadow:0 0 0 3px #ff5ba438,0 24px 70px #ff5ba433;transform:translateY(-4px)}.pb-persona-card.is-selected:before{content:"Выбрано";position:absolute;top:14px;right:14px;z-index:3;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#ff5ba4,#8a6cff);color:#fff;font-size:12px;font-weight:950}.pb-persona-card.is-selected.is-ru:before{content:"Выбрано"}.pb-persona-card.is-selected.is-en:before{content:"Selected"}.pb-step:not(.is-available){opacity:.45;cursor:not-allowed}@media (max-width: 1800px){.pb-quiz__layout{grid-template-columns:minmax(0,1fr) 420px}.pb-shell{width:calc(100% - 60px)}}@media (max-width: 1400px){.pb-quiz__layout{grid-template-columns:minmax(0,1fr)}.pb-shell{width:100%}}