*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.topic-page{margin:0;background:#141414;color:#fff;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.topic-page .ru-header{background:#141414ed;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0a}
.topic-page .ru-logo img{border-radius:9px}
.topic-page h1,.topic-page h2,.topic-page h3,.topic-page p{margin-top:0}
.topic-page h2{font-size:clamp(30px,3.1vw,44px);line-height:1.15;letter-spacing:-1.3px;text-wrap:balance;margin-bottom:30px}
.topic-page h3{font-size:21px;line-height:1.3;letter-spacing:-.3px;margin-bottom:13px}
.topic-page p{color:#acacb4;line-height:1.75;font-size:17px}
.topic-page a{color:inherit}
.topic-hero,.topic-section{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}
.topic-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-top:135px;padding-bottom:75px;min-height:780px}
.topic-eyebrow{font-size:12px!important;line-height:1.5!important;color:#bcb8be!important;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:24px}
.topic-hero h1{font-size:clamp(38px,4.3vw,61px);font-weight:700;line-height:1.08;letter-spacing:-2px;text-wrap:balance;margin:0 0 28px;overflow-wrap:break-word}
.topic-brand{display:block;font-size:25px;letter-spacing:-1px;color:#ff427c;margin-bottom:20px}
.topic-hero h1 em{font-style:normal;display:block;color:#ff678d;margin-top:12px}
.topic-intro{max-width:530px;font-size:17px!important;line-height:1.7!important;margin-bottom:30px}
.topic-tags{display:flex;flex-wrap:wrap;gap:24px;margin-top:31px;color:#939197;font-size:13px}
.topic-tags span+span{position:relative}
.topic-tags span+span:before{content:'/';position:absolute;left:-15px;color:#555}
.topic-hero-image{position:relative;aspect-ratio:4/5;max-height:665px;margin:0;overflow:hidden;border-radius:24px;background:#242424;box-shadow:0 24px 80px #0003}
.topic-hero-image img{height:100%;width:100%;object-fit:cover;display:block;animation:scene-in 1.1s cubic-bezier(.2,.7,.3,1) both}
.topic-hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.topic-hero-image figcaption{position:absolute;bottom:28px;left:28px;right:28px;font-size:16px;line-height:1.5;z-index:1;text-wrap:balance}
.topic-frame-label{position:absolute;left:24px;top:22px;display:block;padding:8px 12px;border:1px solid #ffffff42;border-radius:20px;background:#0005;backdrop-filter:blur(8px);font-size:10px;font-weight:600;letter-spacing:1.3px}
.topic-section{padding-top:80px;padding-bottom:55px}
.topic-lead{border-top:1px solid #ffffff16}
.topic-lead h2{max-width:780px}
.topic-lead-columns{display:grid;grid-template-columns:1fr 1fr;gap:52px}
.topic-option-grid,.topic-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.topic-options h2{max-width:800px}
.topic-option-grid article{padding:27px 25px 18px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(150deg,#242126,#1b1b1d);transition:border-color .25s,transform .25s}
.topic-option-grid article:hover{border-color:#ff427c66;transform:translateY(-4px)}
.topic-option-grid h3{margin-top:35px}
.topic-option-grid p,.topic-advice-grid p{font-size:16px;margin-bottom:10px}
.topic-number{color:#ff658e;letter-spacing:-.5px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.topic-workflow{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;margin-top:35px}
.topic-workflow-heading{align-self:start;position:sticky;top:120px}
.topic-workflow-heading h2{margin-bottom:30px}
.topic-steps{list-style:none;margin:0;padding:0}
.topic-steps li{display:grid;grid-template-columns:34px 1fr;gap:20px;border-top:1px solid #ffffff22;padding:26px 0 15px}
.topic-steps .topic-number{padding-top:3px}
.topic-steps p{font-size:16px}
.topic-prompt{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:90px}
.topic-prompt-sheet{background:linear-gradient(145deg,#382a31,#242024 70%);padding:35px;border:1px solid #ff9ab32e;border-radius:22px;transform:rotate(1deg);box-shadow:0 20px 50px #0002}
.topic-prompt-label{font-size:11px;color:#ff97b4;letter-spacing:1.8px;font-weight:600}
.topic-prompt-sheet blockquote{margin:30px 0;font-size:21px;line-height:1.6;letter-spacing:-.3px;color:#f8ecf0}
.topic-prompt-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding-top:20px;font-size:12px;color:#b8a7ad}
.topic-advice-grid article{border-top:2px solid #ff427c7a;padding-top:25px}
.topic-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center;padding-top:105px;padding-bottom:70px}
.topic-editorial-reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.topic-editorial-reverse .topic-editorial-figure{order:2}
.topic-editorial-figure{margin:0;min-width:0}
.topic-editorial-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;background:#242424}
.topic-editorial-figure figcaption{color:#99969e;font-size:14px;line-height:1.6;margin:18px 3px 0;max-width:430px}
.topic-editorial-copy .topic-eyebrow{font-size:14px!important;letter-spacing:1.3px;color:#ff97b4!important;margin-bottom:19px}
.topic-editorial-copy h2{font-size:clamp(28px,2.8vw,38px);letter-spacing:-1px;margin-bottom:24px}
.topic-editorial-copy>p:not(.topic-eyebrow){font-size:16px;line-height:1.75;margin-bottom:18px}
.topic-editorial-tips{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid #ffffff20}
.topic-editorial-tips li{padding-top:17px}
.topic-editorial-tips h3{font-size:16px;line-height:1.5;letter-spacing:0;margin-bottom:4px}
.topic-editorial-tips p{font-size:15px;line-height:1.6;margin-bottom:0}
@media(max-width:1000px){.topic-editorial{gap:32px}}
@media(max-width:760px){.topic-editorial,.topic-editorial-reverse{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:30px}.topic-editorial-reverse .topic-editorial-figure{order:0}.topic-editorial-figure img{border-radius:20px}.topic-editorial-copy h2{font-size:30px}.topic-editorial-copy .topic-eyebrow{font-size:13px!important;letter-spacing:1px}.topic-editorial-figure figcaption{margin-top:13px}}
.topic-faq{margin-top:100px;padding-bottom:35px}
.topic-faq>h2,.topic-faq>.topic-eyebrow{text-align:center}
.topic-faq h3{margin:0}
.topic-final{text-align:center;max-width:800px;margin:0 auto;padding:90px 24px 105px}
.topic-final h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1.5px}
.topic-final p{max-width:530px;margin:0 auto 30px}
.topic-section,.topic-faq,.topic-final{scroll-margin-top:100px}
@keyframes scene-in{from{transform:scale(1.065);opacity:.35}to{transform:scale(1);opacity:1}}
@keyframes section-in{from{transform:translateY(22px);opacity:.4}to{transform:translateY(0);opacity:1}}
.topic-in-view{animation:section-in .7s ease both}
@media(max-width:1000px){.topic-hero{gap:30px}.topic-hero h1{font-size:43px}.topic-workflow,.topic-prompt{gap:40px}.topic-option-grid,.topic-advice-grid{gap:18px}.topic-hero{min-height:700px}}
@media(max-width:760px){.topic-hero,.topic-section{padding-left:22px;padding-right:22px}.topic-page .ru-header{padding:16px 20px}.topic-hero{grid-template-columns:1fr;padding-top:115px;padding-bottom:60px;gap:40px;min-height:0}.topic-hero h1{font-size:clamp(36px,7.7vw,53px);letter-spacing:-1.3px}.topic-brand{font-size:23px;margin-bottom:17px}.topic-eyebrow{font-size:10px!important;letter-spacing:1.4px}.topic-hero-image{width:100%;max-height:580px}.topic-section{padding-top:55px;padding-bottom:25px}.topic-lead-columns,.topic-workflow,.topic-prompt{grid-template-columns:1fr;gap:10px}.topic-lead-columns p{margin-bottom:15px}.topic-option-grid,.topic-advice-grid{grid-template-columns:1fr;gap:18px}.topic-option-grid article{padding:24px}.topic-option-grid h3{margin-top:22px}.topic-page h2{font-size:32px;letter-spacing:-.8px}.topic-workflow{margin-top:20px;gap:30px}.topic-workflow-heading{position:static}.topic-prompt{gap:18px;padding-top:65px}.topic-prompt-sheet{padding:28px;transform:none}.topic-prompt-sheet blockquote{font-size:19px}.topic-advice-grid article{padding-top:22px}.topic-faq{margin-top:60px;padding:0 22px 30px}.topic-faq .ru-faq-question{font-size:18px;padding:24px 0}.topic-final{padding:60px 22px 70px}.topic-page .ru-logo{font-size:25px}.topic-page .ru-logo img{width:35px;height:35px}.topic-tags{margin-top:26px}.topic-hero-image figcaption{bottom:24px;left:24px;right:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-hero-image img,.topic-in-view{animation:none}.topic-option-grid article:hover{transform:none}}