:root{--bg:#0b0b10;--surface:#15151c;--surface-2:#1b1b23;--line:#292933;--ink:#f4f3f7;--muted:#92909b;--accent:#a580ff;--accent-2:#7c55e7;--ok:#77e69f;--danger:#ff6b75;--warning:#f1c84b}*{box-sizing:border-box}html{scroll-behavior:smooth}body.inner-page{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}::selection{background:var(--accent);color:#170d29}button,input,textarea,select{font:inherit}.inner-shell{min-height:100vh;display:flex;flex-direction:column}.inner-header{width:min(1280px,calc(100% - 32px));height:70px;margin:16px auto 0;padding:0 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;background:#121218}.inner-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;white-space:nowrap}.inner-brand>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#baa1ff,#7045db);font:800 12px Unbounded}.inner-brand strong{font:800 16px Unbounded;font-style:normal;letter-spacing:-.04em}.inner-brand em{color:var(--accent);font-style:normal}.inner-status{height:42px;display:grid;grid-template-columns:8px auto;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;padding:5px 12px;border:1px solid var(--line);border-radius:10px;background:#19191f}.inner-status i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px rgba(119,230,159,.5)}.inner-status b{align-self:end;font-size:8px}.inner-status small{align-self:start;color:#777480;font-size:7px}.inner-header nav{display:flex;gap:10px;margin:auto}.inner-header nav a{min-height:38px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#8f8d97;text-decoration:none;font-size:12px;font-weight:600;border-radius:8px}.inner-header nav a:hover,.inner-header nav a.active{color:#fff;background:#1a1a21}.inner-header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inner-icon{width:40px;height:40px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:10px;background:#18181e;color:#aaa7b1}.inner-icon b{position:absolute;right:-5px;top:-5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#180d2b;font-size:9px}.inner-menu{display:none}.inner-main{flex:1;width:min(960px,calc(100% - 40px));margin:0 auto;padding:74px 0 110px}.inner-main.wide{width:min(1120px,calc(100% - 40px))}.page-title{margin:0;font:800 clamp(36px,5vw,58px)/1.08 Unbounded;letter-spacing:-.04em}.page-title span{color:var(--accent)}.page-subtitle{max-width:720px;margin:18px 0 48px;color:var(--muted);font-size:15px;line-height:1.7}.notice-box{margin-bottom:38px;padding:18px 20px;display:flex;gap:14px;border:1px solid rgba(241,200,75,.35);border-radius:12px;background:rgba(241,200,75,.08)}.notice-box strong{display:block;margin-bottom:4px}.notice-box p{margin:0;color:#aaa38a;font-size:13px;line-height:1.55}.notice-dot{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:rgba(241,200,75,.18);color:var(--warning);font-weight:800}.section-title{margin:56px 0 18px;font:800 22px Unbounded;letter-spacing:-.03em}.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.steps-panel{display:grid;grid-template-columns:1.7fr .8fr;overflow:hidden}.steps-copy{padding:30px}.steps-copy h3{margin:0 0 5px;font:800 18px Unbounded}.steps-copy>p{margin:0 0 24px;color:var(--muted);font-size:12px}.step{display:grid;grid-template-columns:28px 1fr;gap:10px;margin:16px 0;color:#a9a6b0;font-size:13px;line-height:1.55}.step b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(165,128,255,.16);color:var(--accent);font-size:10px}.step strong{color:#fff}.button-link,.action-button{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--accent);color:#170d29;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}.button-link.secondary,.action-button.secondary{border:1px solid #34323c;background:#1b1a22;color:#e4e1e8}.step-aside{padding:30px;display:flex;align-items:center;justify-content:center;background:#1c1823}.step-aside p{max-width:180px;color:#a9a5b0;font-size:12px;line-height:1.55;text-align:center}.confirm-list{padding:22px}.confirm-row{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px}.confirm-row b{color:var(--accent)}.confirm-row p{margin:0;color:#9e9ba5;font-size:13px}.confirm-row strong{color:#fff}.support-strip{margin-top:26px;padding:18px 20px;display:flex;align-items:center;gap:14px}.support-strip div{flex:1}.support-strip strong{display:block}.support-strip p{margin:4px 0 0;color:var(--muted);font-size:12px}
.rules-layout{display:grid;grid-template-columns:220px 1fr;gap:28px}.rules-nav{position:sticky;top:20px;height:max-content;padding:14px}.rules-nav input{width:100%;height:40px;margin-bottom:10px;padding:0 12px;border:1px solid #302e38;border-radius:8px;background:#111117;color:#fff;font-size:13px}.rules-nav a{display:block;padding:9px 10px;border-radius:7px;color:#8f8c97;text-decoration:none;font-size:11px}.rules-nav a:hover{background:#201d29;color:#fff}.rules-document{padding:26px 30px}.rules-document header{padding-bottom:20px;border-bottom:1px solid var(--line)}.rules-document header h2{margin:0;font:800 23px Unbounded}.rules-document header p{margin:7px 0 0;color:var(--accent);font-size:10px;font-weight:800}.rule-section{padding:30px 0;border-bottom:1px solid #26242e}.rule-section:last-child{border:0}.rule-section h2{margin:0 0 18px;font:800 22px Unbounded}.rule-item{display:grid;grid-template-columns:44px 1fr;gap:12px;margin:13px 0}.rule-item b{color:var(--accent);font-size:11px}.rule-item p{margin:0;color:#aaa7b1;font-size:13px;line-height:1.65}.rule-item strong{color:#fff}.rule-item.hidden{display:none}.punishment{margin-top:18px;padding:16px;border-radius:10px;background:rgba(255,107,117,.08);color:#d8959b;font-size:12px;line-height:1.55}
.level-track{position:relative;margin-top:34px}.level-track::before{content:"";position:absolute;left:16px;top:20px;bottom:20px;width:1px;background:#43345f}.media-level{position:relative;margin:14px 0 14px 40px;padding:24px}.media-level::before{content:"";position:absolute;left:-31px;top:31px;width:9px;height:9px;border:2px solid currentColor;border-radius:50%;background:var(--bg)}.media-level.blue{color:#4ca9ff}.media-level.green{color:#83e45f}.media-level.violet{color:#b65cff}.media-level h3{margin:6px 0 4px;color:#fff;font:800 21px Unbounded}.level-label{font-size:9px;font-weight:800;letter-spacing:.08em}.level-meter{height:7px;margin:18px 0;border-radius:6px;background:currentColor;box-shadow:0 0 20px color-mix(in srgb,currentColor 30%,transparent)}.level-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#8e8b95;font-size:11px}.level-columns h4{margin:0 0 10px;font-size:8px;letter-spacing:.1em}.level-columns ul{margin:0;padding:0;list-style:none}.level-columns li{margin:7px 0}.level-columns li::before{content:'✓';margin-right:8px;color:currentColor}.calculator{padding:26px}.calculator label{display:block;margin-bottom:10px;font-size:12px;font-weight:800}.calculator input{width:100%;accent-color:var(--accent)}.calculator-output{margin-top:18px;display:flex;justify-content:space-between;align-items:end}.calculator-output span{color:var(--muted);font-size:12px}.calculator-output strong{font:800 24px Unbounded;color:var(--accent)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:18px 0;cursor:pointer;font-weight:700}.faq details p{margin:0 0 18px;color:var(--muted);line-height:1.65}
.rgb-app{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.rgb-column{display:flex;flex-direction:column;gap:16px}.tool-panel{padding:20px}.tool-label{margin:0 0 12px;color:#777481;font-size:10px;font-weight:800;letter-spacing:.12em}.text-input{width:100%;height:52px;padding:0 14px;border:1px solid #302e38;border-radius:9px;background:#1b1a21;color:#fff;font-size:16px}.counter{margin:9px 0 0;color:#686571;font-size:10px}.color-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;margin:8px 0}.color-row input[type=color]{width:42px;height:42px;padding:3px;border:1px solid #34323c;border-radius:9px;background:#1b1a21}.color-row input[type=text]{height:42px;padding:0 10px;border:1px solid #302e38;border-radius:8px;background:#1b1a21;color:#fff;font-size:12px}.color-row button{width:36px;height:36px;border:0;background:none;color:#777481}.gradient-strip{height:36px;margin-bottom:14px;border-radius:9px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset-grid button{height:38px;border:1px solid #302e38;border-radius:8px;color:#fff;font-size:10px;font-weight:800;text-shadow:0 1px 4px #000;cursor:pointer}.style-row,.preview-tabs{display:flex;flex-wrap:wrap;gap:7px}.style-toggle,.preview-tabs button{height:34px;padding:0 12px;border:1px solid #302e38;border-radius:8px;background:#1a1920;color:#aaa7b0;font-size:10px;font-weight:700}.style-toggle.active,.preview-tabs button.active{border-color:var(--accent);color:#fff;background:rgba(165,128,255,.13)}.preview-box{min-height:140px;display:grid;place-items:center;margin-top:14px;border-radius:12px;background:#3b3a3e}.preview-text{font:800 28px Unbounded}.output-row{display:flex;justify-content:space-between;gap:10px}.output-code{min-height:80px;margin-top:12px;padding:14px;border:1px solid #302e38;border-radius:9px;background:#111117;color:#c5c2ca;font:12px/1.6 monospace;overflow-wrap:anywhere}.history-list{margin:0;padding:0;list-style:none}.history-list li{padding:10px 0;border-bottom:1px solid #292731;color:#9a97a2;font-size:11px}.empty-text{color:#777481;font-size:11px;font-style:italic}
.product-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.product-showcase{min-height:430px;display:grid;place-items:center;position:sticky;top:20px;overflow:hidden}.product-symbol{font:800 120px Unbounded;color:var(--accent);text-shadow:0 18px 50px rgba(165,128,255,.35)}.product-info{padding:30px}.product-info .type{color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase}.product-info h1{margin:10px 0;font:800 38px Unbounded;letter-spacing:-.04em}.product-info .lead{color:var(--muted);font-size:14px;line-height:1.7}.product-price{margin:24px 0;font:800 28px Unbounded;color:var(--accent)}.period-options{display:flex;gap:8px;margin:0 0 22px}.period-options button{height:38px;padding:0 14px;border:1px solid #34313d;border-radius:8px;background:#1c1b22;color:#9996a1}.period-options button.active{border-color:var(--accent);color:#fff}.feature-list{margin:24px 0;padding:20px;border-radius:12px;background:#111117;list-style:none}.feature-list li{margin:10px 0;color:#aaa7b0;font-size:13px}.feature-list li::before{content:'✓';margin-right:10px;color:var(--ok)}.product-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.product-actions .action-button{width:100%}.back-link{display:inline-block;margin-bottom:24px;color:#9b97a4;text-decoration:none;font-size:12px}.back-link:hover{color:#fff}
.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.cart-list{overflow:hidden}.cart-empty{padding:50px;text-align:center}.cart-empty h2{font:800 22px Unbounded}.cart-empty p{color:var(--muted)}.cart-line{padding:16px 18px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.cart-line:last-child{border:0}.cart-line h3{margin:0 0 4px;font-size:13px}.cart-line p{margin:0;color:var(--muted);font-size:10px}.qty{display:flex;align-items:center;gap:9px}.qty button{width:28px;height:28px;border:1px solid #34313d;border-radius:7px;background:#1d1b24;color:#fff}.qty b{min-width:18px;text-align:center;font-size:12px}.line-price{min-width:76px;text-align:right;font-weight:800;color:var(--accent)}.remove-line{border:0;background:none;color:#74717c;font-size:10px}.order-summary{padding:22px;height:max-content;position:sticky;top:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;color:#aaa7b1;font-size:12px}.summary-row.total{margin-top:8px;padding-top:18px;border-top:1px solid var(--line);color:#fff;font-size:15px;font-weight:800}.checkout-form{margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800}.field input,.field select,.field textarea{min-height:46px;padding:0 12px;border:1px solid #34313d;border-radius:8px;background:#111117;color:#fff;font-size:16px}.field textarea{min-height:90px;padding-top:12px;resize:vertical}.field small{min-height:14px;color:var(--danger);font-size:9px}.checkout-message{display:none;margin-top:14px;padding:14px;border-radius:9px;background:rgba(241,200,75,.08);color:#c9bd91;font-size:11px;line-height:1.55}.checkout-message.show{display:block}
.legal-doc{padding:34px}.legal-doc .draft{display:inline-block;margin-bottom:22px;padding:7px 10px;border-radius:7px;background:rgba(241,200,75,.12);color:var(--warning);font-size:10px;font-weight:800}.legal-doc h2{margin:34px 0 12px;font:800 20px Unbounded}.legal-doc h3{margin:24px 0 10px;font-size:14px}.legal-doc p,.legal-doc li{color:#aaa7b1;font-size:13px;line-height:1.75}.legal-doc a{color:var(--accent)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.news-card{padding:24px;text-decoration:none;color:#fff;transition:transform .2s,background .2s}.news-card:hover{transform:translateY(-3px);background:#1b1922}.news-card time{color:var(--accent);font-size:10px;font-weight:800}.news-card h2{margin:14px 0 8px;font:800 19px Unbounded;line-height:1.25}.news-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.about-copy{padding:28px}.about-copy h2{margin:28px 0 12px;font:800 22px Unbounded}.about-copy h2:first-child{margin-top:0}.about-copy p{color:var(--muted);line-height:1.75}.about-side{padding:24px;height:max-content}.stat-row{padding:16px 0;border-bottom:1px solid var(--line)}.stat-row strong{display:block;font:800 24px Unbounded;color:var(--accent)}.stat-row span{color:var(--muted);font-size:11px}
.inner-footer{width:100%;padding:48px max(30px,calc((100% - 1160px)/2));display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:38px;border-top:1px solid var(--line);background:#121217}.inner-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.inner-footer h3{margin:0 0 5px;font-size:12px}.inner-footer a,.inner-footer button{padding:0;border:0;background:none;color:#7f7c87;text-decoration:none;font-size:10px;cursor:pointer}.inner-footer a:hover,.inner-footer button:hover{color:#fff}.footer-intro p{max-width:270px;color:#777480;font-size:9px;line-height:1.6}
@media(max-width:800px){.inner-status{display:none}.inner-header nav{gap:2px}.inner-header nav a{font-size:10px;padding:0 7px}.rules-layout{grid-template-columns:1fr}.rules-nav{position:static}.steps-panel,.product-detail,.checkout-layout,.about-grid{grid-template-columns:1fr}.product-showcase{position:relative;min-height:300px}.order-summary{position:static}.inner-footer{grid-template-columns:1.4fr repeat(2,1fr)}.rgb-app{grid-template-columns:1fr}.world-note{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}}
@media(max-width:580px){.inner-header{height:58px;width:calc(100% - 20px);margin-top:10px;padding:0 8px}.inner-brand strong{font-size:11px}.inner-brand>span{width:24px;height:24px}.inner-header nav{display:none;position:absolute;left:0;right:0;top:66px;padding:8px;flex-direction:column;border:1px solid var(--line);border-radius:11px;background:#15141b}.inner-header nav.open{display:flex}.inner-header nav a{height:40px;font-size:11px}.inner-menu{display:grid}.cart-link{margin-left:auto}.inner-main,.inner-main.wide{width:calc(100% - 24px);padding:52px 0 72px}.page-title{font-size:30px}.page-subtitle{font-size:13px;margin-bottom:32px}.steps-panel{display:block}.step-aside{min-height:150px}.rules-document{padding:20px 16px}.rule-item{grid-template-columns:36px 1fr}.media-level{margin-left:25px;padding:18px}.media-level::before{left:-20px}.level-track::before{left:15px}.level-columns{grid-template-columns:1fr;gap:16px}.preset-grid{grid-template-columns:repeat(2,1fr)}.preview-box{min-height:110px}.preview-text{font-size:20px}.output-row{display:block}.output-row button{width:100%;margin-top:8px}.product-info{padding:20px}.product-info h1{font-size:28px}.product-actions{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr auto;gap:10px}.line-price{grid-column:2;grid-row:1}.qty{grid-row:2}.remove-line{grid-column:2;grid-row:2}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.legal-doc{padding:20px 16px}.inner-footer{padding:34px 18px 50px;grid-template-columns:repeat(2,1fr);gap:25px 16px}.footer-intro{grid-column:1/-1}.news-grid{grid-template-columns:1fr}.support-strip{align-items:flex-start;flex-wrap:wrap}.support-strip .button-link{width:100%}}
.inner-header{position:relative;z-index:20;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.product-photo-wrap{width:100%;height:100%;display:block}.product-detail-image{width:100%;height:100%;display:block;object-fit:cover}
.news-card{padding:0;overflow:hidden;transition:transform .25s var(--ease-smooth-out),background .25s}.news-card-copy{padding:22px 24px 24px}.news-card-image{width:100%;height:190px;display:block;object-fit:cover;background:#201d2a}.news-article-image{width:100%;max-height:520px;margin-bottom:24px;display:block;object-fit:cover;border-radius:12px}
.news-card:is(button){width:100%;display:block;border-color:var(--line);font:inherit;text-align:left;cursor:pointer}.news-card>span{display:block}.news-card time{display:block}.news-article-image+time,#newsArticle>time{color:var(--accent);font-size:10px;font-weight:800}.empty-state{padding:48px;color:var(--muted);text-align:center}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
