@charset "UTF-8";
/* YOUTUGEN Web 2: shared tokens; existing custom theme remains the last stylesheet. */
:root{color-scheme:dark;--ink:#f5f5f8;--muted:#aaaab9;--blue:#ff3657;--line:#ffffff15;--page:#07070b;--radius:20px;--shadow:0 16px 50px -28px #000b;--surface:#111118;--accent:#ff0033}
body{background:radial-gradient(ellipse at 75% 0,#d9042917,transparent 35%),#07070b;color:var(--ink)}
body::selection{background:#ff0033;color:#fff}.site-header{background:#09090de8;border-color:var(--line)}.header-row nav a{color:#c1c1cc}.header-row nav a:hover{color:#ff3657}
.btn{background:linear-gradient(120deg,#ff0033,#d90429);box-shadow:0 7px 24px #d9042925}.btn:hover{box-shadow:0 10px 30px #d9042940}.btn.secondary,.icon-btn{background:#1a1a23;border-color:#ffffff1c;color:#eeeef5;box-shadow:none}.btn.secondary:hover{background:#242430}.btn.danger{background:#441320;color:#ffa7b6;border-color:#ff47664a}
.card,.faq-item,.table-wrap{background:linear-gradient(140deg,#14141ce8,#101017f5);border-color:var(--line)}.section.alt{background:#0c0c12}.hero-shell{padding-top:24px}.hero-slide,.hero-slide.violet,.hero-slide.midnight{background:radial-gradient(ellipse at 80% 20%,#ff003329,transparent 55%),radial-gradient(ellipse at 95% 95%,#6443bc22,transparent 50%),linear-gradient(130deg,#15151e,#09090d);border:1px solid #ffffff15}.hero-slide .eyebrow{color:#ffa2b2;border-color:#ff003335;background:#ff00330a}.hero-slide h1{font-weight:900}.hero-slide .btn{background:linear-gradient(120deg,#ff0033,#c90028);color:white}.hero-slide p{color:#b9b9c8}.hero-tags{flex-wrap:wrap;color:#b2b2c1;gap:12px}.hero-tags span{padding:5px 9px;background:#ffffff06;border:1px solid #ffffff10;border-radius:8px}
.preview{background:#191922bb}.preview-body{background:#09090fe6}.preview-stats b{color:#fafafa}.preview-row .thumb{background:linear-gradient(125deg,#d90429,#652343)}.preview-label{background:#1b1b26;color:#f8f8fc;border:1px solid #ffffff20}.preview-top span,.preview-body small{color:#a8a8ba}.swiper-pagination-bullet-active{background:#ff0033}.trust-row,.trust-row strong{color:#aaaaba}.icon-tile{background:#ff00330d;color:#ff3657;border-color:#ff003328}.feature-card:hover{border-color:#ff00335a;box-shadow:0 24px 50px -25px #b0002530}.step-number{color:#ff00334f}.price-card.popular{border-color:#ff0033;box-shadow:0 25px 60px -25px #ff00333b}.popular-label{background:#ff0033}.price-card li svg{color:#ff3657}.quote-card p{color:#c3c3cf}.faq-toggle{color:#f5f5f8}.faq-answer{color:#adadbf}.cta-card{background:radial-gradient(ellipse at top right,#ff003325,transparent),linear-gradient(125deg,#20101a,#101018);border:1px solid #ff003335}.cta-card p{color:#c9b9c2}.footer{background:#09090e;border-top:1px solid var(--line)}.footer-grid p,.footer-grid>div>a:not(.brand),.footer-bottom{color:#9a9aae}
.field{color:#c2c2d1}.field input,.field select,.field textarea,.toolbar input,.search-bar input,.search-bar select{background:#0b0b11;color:#f2f2fa;border:1px solid #ffffff24;box-shadow:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ff3657;outline:2px solid #ff003325}.check input{accent-color:#ff0033}.alert{background:#11291f;color:#a2ecc0;border-color:#285741}.alert.error{background:#32131d;color:#ffb2c1;border-color:#7e2b41}.alert.warning{background:#302514;color:#f9d68e;border-color:#665126}.badge{background:#2b202f;color:#e5b7dc}.badge.green{background:#12372c;color:#8ee5b6}.badge.red{background:#461826;color:#ffb2c1}.badge.amber{background:#3f321a;color:#f6d68c}
.app-shell{background:#09090e}.sidebar{background:#0d0d13;border-right:1px solid var(--line)}.sidebar nav a.active{background:linear-gradient(105deg,#ff0033,#ac1233);box-shadow:0 5px 20px #d9042920}.sidebar .nav-caption{color:#8f8fa3}.sidebar nav a{color:#bfbfcc}.panel-header{background:#101017e8}.stat{background:radial-gradient(ellipse at top right,#ff00330d,#12121a 70%)}th{background:#181821;color:#aeaec2}td{border-color:var(--line)}tr:hover td{background:#ffffff03}.ticket-message.staff{background:#17232d;border-color:#27556a}.ticket-message p{color:#d0d0dc}.dropzone{background:#16141f;border-color:#653048}.dropzone.dragover{background:#321c29}.builder-row{background:#14141e}.countdown,.iban{background:#1b1320;color:#d2c5d7;border-color:#ffffff20}.notification{border-left-color:#ff3657}.icon-btn b{background:#ff0033}.code-editor{background:#09090f!important;color:#ebdfed!important}
.wrap.section{padding:76px 28px}.section-title.left{text-align:left;margin-left:0}.service-disclosure{display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid var(--line);border-radius:14px;margin-top:30px;background:#ffffff03}.service-disclosure svg{color:#bc8297}.service-disclosure p,.service-note{font-size:12px;line-height:1.9}.feature-group{margin:32px 0}.feature-group>h3{font-size:14px;letter-spacing:1.4px;color:#c5b9c0;margin-bottom:18px}.mode-tabs{display:flex;gap:9px;overflow-x:auto;margin-bottom:20px;padding-bottom:6px}.mode-tabs button{flex:1;min-width:max-content;background:#15151e;color:#aaaabb;border:1px solid #ffffff15;border-radius:11px;padding:13px 18px;font-size:13px}.mode-tabs button.active{color:white;border-color:#ff0033;background:#ff003314}.production-demo{border:1px solid #ffffff1a;border-radius:22px;background:linear-gradient(140deg,#15151d,#0d0d13);padding:24px}.demo-heading{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:28px}.demo-heading .badge{margin-left:auto}.live-dot{width:9px;height:9px;border-radius:50%;background:#ff0033;box-shadow:0 0 18px #ff0033}.production-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative}.production-steps li{background:#ffffff03;border:1px solid #ffffff12;border-radius:14px;padding:18px 14px;transition:border-color .3s,background .3s}.production-steps li.is-current{border-color:#ff0033;background:#ff00330c}.production-steps li>span{display:block;color:#ff3657;margin-bottom:20px}.production-steps li>small{float:right;font-family:monospace;color:#666679}.production-steps h3{font-size:13px;margin:8px 0}.production-steps p{font-size:11px;line-height:1.8}.demo-note{font-size:11px;margin-top:18px;color:#858598}.telegram-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.telegram-feature h2{font-size:clamp(30px,3.4vw,46px)}.telegram-feature p{margin:18px 0}.terminal-card{background:#0e0e16;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 20px 90px #0009;padding:24px}.terminal-bar{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:10px;color:#9999aa}.terminal-bar i{width:8px;height:8px;background:#ff3657;border-radius:50%}.terminal-bar i:nth-child(2){background:#edbf65}.terminal-bar i:nth-child(3){background:#5ec9a6}.terminal-bar span{margin-left:auto}.command-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff08;padding:18px 0;font-size:12px}.command-row code{color:#ff728a;font-weight:700}.command-row span{color:#aaaabb}
.search-bar{display:flex;gap:12px;margin:22px 0 32px;flex-wrap:wrap}.search-bar input{flex:1;min-width:180px}.search-bar input,.search-bar select{border-radius:10px;padding:12px 16px;font:inherit;font-size:13px}.search-bar select{max-width:100%}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.editorial-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card{overflow:hidden;display:flex;flex-direction:column;background:#12121b;border:1px solid #ffffff15;border-radius:18px;transition:transform .2s,border-color .2s;min-width:0}.editorial-card:hover{transform:translateY(-3px);border-color:#ff00335a}.editorial-cover{aspect-ratio:16/9;background:radial-gradient(ellipse at 20% 0,#ff003335,transparent),linear-gradient(140deg,#221726,#121220);display:grid;place-items:center;overflow:hidden}.editorial-cover>svg{width:40px;height:40px;color:#ff728a}.editorial-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.editorial-card:hover img{transform:scale(1.03)}.editorial-body{padding:22px}.editorial-body h3{font-size:18px;line-height:1.4;margin-bottom:12px}.editorial-body p{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:20px}.editorial-body .eyebrow{font-size:9px}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:32px;align-items:start}.reading-aside{display:grid;gap:24px;position:sticky;top:110px}.reading-aside .card{padding:24px}.reading-aside h3{font-size:19px;margin-bottom:14px}.reading-aside .btn{margin-top:20px}.reading-aside p{font-size:13px}.popular-post{display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.popular-post b{font-size:22px;color:#ff3657;font-weight:900}.popular-post:hover{color:#ff728a}.featured-carousel{position:relative;margin-bottom:36px}.featured-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;border-radius:20px;scrollbar-width:none}.featured-slide{flex:0 0 100%;scroll-snap-align:start;min-height:390px;position:relative;display:flex;align-items:flex-end;background:linear-gradient(120deg,#241223,#13121f);isolation:isolate;overflow:hidden;padding:40px;border:1px solid var(--line);border-radius:20px}.featured-slide>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.featured-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#09090ff0,#09090f20)}.featured-slide>div{max-width:730px}.featured-slide h2{font-size:32px;margin-bottom:14px}.featured-slide p{color:#d5d5df}.featured-slide span:last-child{display:block;margin-top:20px;font-size:13px}.carousel-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.article-main h1{font-size:clamp(30px,4vw,48px);line-height:1.2}.breadcrumbs{font-size:12px;color:#a4a4b8;margin-bottom:30px}.breadcrumbs a:hover{color:white}.article-lead{font-size:18px;line-height:1.7;margin:20px 0}.article-meta{display:flex;flex-wrap:wrap;gap:18px;color:#9494a9;font-size:12px;margin:20px 0 28px}.article-hero{width:100%;max-height:550px;border-radius:18px;margin-bottom:32px}.rich-prose{font-size:16px;line-height:1.95;color:#d7d7e2;overflow-wrap:anywhere}.rich-prose h2,.rich-prose h3,.rich-prose h4{color:#f6f6fa;line-height:1.3;margin:32px 0 16px;scroll-margin-top:115px}.rich-prose h2{font-size:27px}.rich-prose p{color:inherit;margin:16px 0}.rich-prose ul,.rich-prose ol{padding-left:26px;list-style:revert;margin:16px 0}.rich-prose a{color:#ff728a;text-decoration:underline}.rich-prose blockquote{border-left:3px solid #ff0033;background:#ff00330a;padding:20px 25px;margin:22px 0}.rich-prose img{max-width:100%;height:auto;border-radius:12px}.rich-prose table{border:1px solid #ffffff25;display:block;overflow-x:auto;margin:24px 0}.rich-prose td,.rich-prose th{border:1px solid #ffffff25;min-width:100px}.rich-prose iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:12px;margin:24px 0}.rich-prose pre{overflow:auto;padding:20px;background:#15151f;border-radius:12px}.share-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:40px 0;padding-top:24px;border-top:1px solid var(--line);font-size:13px}[data-toc] a{display:block;font-size:12px;color:#bdbdce;padding:8px 0;border-bottom:1px solid #ffffff09}[data-toc] a:hover{color:#ff728a}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px;align-items:start}.editor-layout>aside{display:grid;gap:20px}.editor-layout .card{padding:24px}.editor-layout .toolbar{margin:20px 0 15px}.editor-layout textarea#rich-content{width:100%;min-height:500px}.cover-preview{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin:16px 0}.jodit-container{color-scheme:light}.jodit-container,.jodit-dialog{color:#1f2430}.jodit-wysiwyg{background:#fff;color:#1f2430}.jodit-wysiwyg p{color:inherit}.jodit-container input,.jodit-container textarea,.jodit-dialog input{color:#222;background:#fff}.cms-dialog{color:#eeeef8;background:#12121b;border:1px solid #ffffff30;border-radius:18px;padding:24px;max-width:1000px;width:calc(100% - 32px);max-height:88vh;overflow:auto;margin:auto}.cms-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.cms-dialog iframe{background:white;width:100%;height:65vh;border:0;margin-top:20px}.cms-dialog .toolbar{margin-bottom:20px}.media-select{padding:10px;background:#1a1a24;border:1px solid #ffffff20;border-radius:12px;color:#ddd;cursor:pointer;overflow:hidden;text-align:left}.media-select img{width:100%;height:125px;object-fit:contain}.media-select span{display:block;font-size:11px;overflow-wrap:anywhere;padding:10px 0}.media-select:hover{border-color:#ff3657}.media-grid .card .field{margin:10px 0}.media-grid .card .btn{margin:4px 0}.media-name{font-size:12px;overflow-wrap:anywhere}.crop-preview{width:100%;max-height:400px;object-fit:contain;background:#060609}.crop-controls{display:flex;gap:20px;margin:15px 0;flex-wrap:wrap}.drafts-list{display:flex;gap:12px;flex-wrap:wrap}
.support-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;background:radial-gradient(ellipse at right,#d904291c,transparent),#14141e;border:1px solid #ffffff18;border-radius:20px}.support-banner h2{margin-bottom:12px}.response-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:220px;border:1px solid #ffffff16;border-radius:12px;padding:18px;font-size:14px;color:#f1c6d0}.response-target small{width:100%;font-size:10px}.ticket-list{display:grid;gap:14px}.ticket-card{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #ffffff18;background:#13131d;border-radius:17px}.ticket-card:hover{border-color:#ff003355}.ticket-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#ff003312;color:#ff728a;flex-shrink:0}.ticket-summary{flex:1;min-width:0}.ticket-summary h3{font-size:17px;margin:8px 0;overflow-wrap:anywhere}.ticket-summary p{font-size:12px}.ticket-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#9393a6}.ticket-timing{text-align:right;min-width:140px}.ticket-timing strong,.ticket-timing small{display:block}.ticket-timing strong{font-size:14px}.ticket-timing small{font-size:10px;margin-top:5px}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.support-aside{display:grid;gap:20px}.support-aside .card{padding:24px}.support-aside dl{margin:20px 0}.support-aside dt{font-size:11px;color:#9999b0;margin-top:16px}.support-aside dd{font-size:14px;margin:4px 0}.conversation h2{font-size:28px}.ticket-message.staff{margin-left:30px;border-left:3px solid #5ba1af}.ticket-message:not(.staff){margin-right:30px}.internal-notes{border-color:#b68d3533}.attachment{display:flex;gap:8px;align-items:center;font-size:12px;color:#e7a4b7;margin:12px 0;overflow-wrap:anywhere}.support-create>summary{cursor:pointer;font-weight:650;list-style:none;color:#f2bac6}.support-create[open]>summary{margin-bottom:20px}.quick-queues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.queue-card{display:flex;flex-direction:column;gap:8px;padding:23px;border:1px solid var(--line);border-radius:16px;background:#13131d}.queue-card strong{font-size:25px;color:#ff728a}.queue-card span{font-size:13px}.queue-card small{font-size:11px}
@media(max-width:1100px){.production-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 270px}.reading-layout{grid-template-columns:minmax(0,1fr) 250px}.telegram-feature{gap:30px}.support-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:850px){.editor-layout,.support-layout,.reading-layout,.telegram-feature{grid-template-columns:1fr}.reading-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-banner{align-items:flex-start}.quick-queues{grid-template-columns:1fr}.header-row nav{display:flex;gap:12px;overflow:auto;max-width:100%;order:3;width:100%;padding-bottom:12px}.header-row{flex-wrap:wrap;padding-top:12px}}
@media(max-width:560px){.wrap.section{padding:48px 20px}.production-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-heading{flex-wrap:wrap}.demo-heading .badge{margin-left:0}.production-demo{padding:18px}.editorial-grid,.editorial-grid.two,.reading-aside{grid-template-columns:1fr}.featured-slide{padding:24px;min-height:330px}.featured-slide h2{font-size:25px}.support-banner{flex-direction:column}.ticket-card{padding:18px;gap:12px;flex-wrap:wrap}.ticket-timing{width:100%;text-align:left;padding-left:62px}.ticket-message.staff{margin-left:12px}.ticket-message:not(.staff){margin-right:12px}.conversation h2{font-size:23px}.editor-layout .card{padding:18px}.search-bar select{flex:1}.cms-dialog{padding:16px}}
.production-demo[hidden]{display:none!important}
.payment-option{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;cursor:pointer}
.payment-option input{grid-row:1/6;margin:5px 0 0;accent-color:#ed3155}
.payment-option code,.payment-option small{grid-column:2;overflow-wrap:anywhere}