@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');

:root {
--c-bg:#110E1B;
--c-hdr:#2B2444;
--c-btn-primary:#00EDA6;
--c-btn-secondary:#4C426B;
--c-text:#E8E2F5;
--c-text-muted:#9B93B8;
--c-card:#1C1730;
--c-card2:#231D3A;
--c-border:#3A3260;
--c-accent:#00EDA6;
--c-accent2:#7B5EA7;
--r-sm:8px;
--r-md:14px;
--r-lg:22px;
--shadow:0 4px 32px rgba(0,0,0,.45);
--shadow-sm:0 2px 12px rgba(0,0,0,.3);
--trans:.25s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--c-bg);color:var(--c-text);font-family:'Sora',sans-serif;font-size:16px;line-height:1.7;min-height:100vh;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-accent);text-decoration:none;transition:color var(--trans)}
a:hover{color:#fff}
ul,ol{padding-left:1.4em}
table{border-collapse:collapse;width:100%}
button,input,textarea,select{font-family:inherit;font-size:inherit}
h1,h2,h3,h4,h5{line-height:1.25;color:#fff;font-weight:700}
h1{font-size:clamp(1.8rem,5vw,3.2rem)}
h2{font-size:clamp(1.4rem,3.5vw,2.2rem)}
h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}
p{margin-bottom:1em}
p:last-child{margin-bottom:0}

.wrapper{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.box{padding:0}

.xf4a2b{display:none}.zq9k1m{visibility:hidden;position:absolute}.b7t3n{opacity:0;pointer-events:none;height:0}
.wp-block-separator{border:none;margin:0}.entry-meta{display:none}.wp-post-image{display:none;visibility:hidden}

.site-header{background:var(--c-hdr);position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,.5)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;height:72px;max-width:1240px;margin:0 auto}
.header-logo{flex-shrink:0}
.header-logo img{height:35px;width:auto}
.header-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.header-nav a{color:var(--c-text);font-size:.85rem;font-weight:500;padding:7px 12px;border-radius:var(--r-sm);transition:background var(--trans),color var(--trans);display:flex;align-items:center;gap:6px;white-space:nowrap}
.header-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.header-nav svg{width:16px;height:16px;flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-online{font-size:.75rem;color:var(--c-text-muted);display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.05);border-radius:20px;white-space:nowrap}
.header-online span.dot{width:8px;height:8px;background:#00EDA6;border-radius:50%;display:inline-block;animation:pulse-dot 1.5s ease infinite}

@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--r-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:transform var(--trans),box-shadow var(--trans),opacity var(--trans);border:none;white-space:nowrap;text-decoration:none}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--c-btn-primary);color:#110E1B}
.btn-primary:hover{box-shadow:0 0 24px rgba(0,237,166,.4);color:#110E1B}
.btn-secondary{background:var(--c-btn-secondary);color:#fff}
.btn-secondary:hover{background:#5e5280;color:#fff}
.btn-lg{padding:14px 32px;font-size:1rem;border-radius:var(--r-md)}
.btn-sm{padding:7px 14px;font-size:.8rem}
.btn-outline{background:transparent;border:2px solid var(--c-btn-primary);color:var(--c-btn-primary)}
.btn-outline:hover{background:var(--c-btn-primary);color:#110E1B}

.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:transparent}
.burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--c-hdr);z-index:999;padding:24px 20px;flex-direction:column;gap:8px;overflow-y:auto}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--c-text);font-size:1rem;font-weight:500;padding:14px 16px;border-radius:var(--r-sm);display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.mobile-menu svg{width:20px;height:20px}

.hero-wrap{position:relative;overflow:hidden;min-height:560px;display:flex;align-items:center;background:linear-gradient(135deg,#1a1235 0%,#110E1B 60%),url('/luckyvault.webp') center/cover no-repeat;background-blend-mode:multiply}
.hero-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(0,237,166,.12) 0%,transparent 60%)}
.hero-content{position:relative;z-index:2;padding:80px 0;width:100%}
.hero-content .container{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.hero-text{flex:1;min-width:280px}
.hero-text h1{color:#fff;margin-bottom:16px}
.hero-text h1 em{color:var(--c-accent);font-style:normal}
.hero-text p{font-size:1.1rem;color:var(--c-text-muted);margin-bottom:28px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-bonus-card{flex-shrink:0;background:linear-gradient(135deg,#2B2444,#3d3360);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px;min-width:260px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.hero-bonus-card::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(0,237,166,.2),transparent);border-radius:50%}
.bonus-badge{display:inline-block;background:var(--c-accent);color:#110E1B;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.hero-bonus-card h3{color:#fff;font-size:1.1rem;margin-bottom:8px}
.hero-bonus-amount{font-size:2rem;font-weight:800;color:var(--c-accent);line-height:1;margin:8px 0}
.hero-bonus-sub{font-size:.85rem;color:var(--c-text-muted);margin-bottom:20px}
.hero-bonus-card .btn{width:100%;justify-content:center}
.hero-float-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}

.section{padding:72px 0}
.section-sm{padding:48px 0}
.section-title{text-align:center;margin-bottom:48px}
.section-title h2{margin-bottom:12px}
.section-title p{color:var(--c-text-muted);max-width:600px;margin:0 auto;font-size:1.05rem}
.section-dark{background:var(--c-card)}
.section-gradient{background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-card) 100%)}

.advantages-grid{display:flex;flex-wrap:wrap;gap:20px}
.adv-card{flex:1;min-width:220px;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:transform var(--trans),box-shadow var(--trans),border-color var(--trans)}
.adv-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.4);border-color:var(--c-accent2)}
.adv-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--c-btn-secondary),var(--c-hdr));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adv-icon svg{width:26px;height:26px;color:var(--c-accent)}
.adv-card h3{font-size:1rem;margin-bottom:4px}
.adv-card p{font-size:.875rem;color:var(--c-text-muted);margin:0}

.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-md);border:1px solid var(--c-border)}
.data-table{min-width:700px;background:var(--c-card2)}
.data-table th{background:var(--c-hdr);color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px;text-align:left;border-bottom:1px solid var(--c-border)}
.data-table td{padding:13px 16px;font-size:.875rem;color:var(--c-text);border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:middle}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:rgba(255,255,255,.03)}
.pm-logo{display:flex;align-items:center;gap:8px;font-weight:500}
.pm-logo svg,.pm-logo .pm-icon{width:32px;height:20px;border-radius:4px;background:var(--c-btn-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;letter-spacing:0}

.tournaments-grid{display:flex;gap:20px;flex-wrap:wrap}
.tournament-card{flex:1;min-width:260px;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--trans),box-shadow var(--trans);position:relative}
.tournament-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.5)}
.tc-header{background:linear-gradient(135deg,#2B2444,#3d3360);padding:20px;border-bottom:1px solid var(--c-border)}
.tc-badge{display:inline-block;background:var(--c-accent);color:#110E1B;font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:20px;margin-bottom:10px;text-transform:uppercase}
.tc-header h3{font-size:1rem;color:#fff;margin-bottom:6px}
.tc-header p{font-size:.8rem;color:var(--c-text-muted)}
.tc-body{padding:20px}
.tc-prize{font-size:1.6rem;font-weight:800;color:var(--c-accent);margin-bottom:6px}
.tc-prize-label{font-size:.75rem;color:var(--c-text-muted);margin-bottom:14px}
.countdown{display:flex;gap:8px;margin-bottom:18px}
.cd-unit{text-align:center;background:rgba(255,255,255,.05);border-radius:var(--r-sm);padding:8px 12px;min-width:56px}
.cd-num{display:block;font-size:1.4rem;font-weight:700;color:#fff;line-height:1}
.cd-label{display:block;font-size:.6rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.tc-body .btn{width:100%;justify-content:center}

.app-info-wrap{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}
.app-table-side{flex:1;min-width:280px}
.app-dl-side{flex:1;min-width:240px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.app-dl-side p{color:var(--c-text-muted);font-size:.9rem;margin-bottom:8px}
.btn-store{display:flex;align-items:center;gap:12px;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:12px 20px;color:#fff;font-weight:600;font-size:.9rem;transition:all var(--trans);width:100%;max-width:240px}
.btn-store:hover{background:var(--c-btn-secondary);color:#fff;border-color:var(--c-btn-secondary)}
.btn-store svg{width:24px;height:24px;flex-shrink:0;color:var(--c-accent)}

.slot-wrap{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:40px;text-align:center;max-width:480px;margin:0 auto;box-shadow:var(--shadow)}
.slot-machine{display:flex;gap:12px;justify-content:center;margin:28px 0}
.reel{width:90px;height:100px;background:var(--c-hdr);border:2px solid var(--c-border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.reel-inner{font-size:2.8rem;line-height:1;user-select:none;transition:transform .05s linear}
.reel.spinning{animation:spin-reel .12s steps(1) infinite}
@keyframes spin-reel{0%{filter:blur(2px)}100%{filter:blur(0)}}
.slot-result{min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.slot-win{font-size:1.2rem;font-weight:700;color:var(--c-accent);animation:fadeInUp .4s ease}
.slot-lose{font-size:.95rem;color:var(--c-text-muted)}
.slot-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4,
.content-block h5,
.content-block h6{margin:1.4em 0 .6em;color:#fff}
.content-block p{color:var(--c-text);margin-bottom:1em;line-height:1.8}
.content-block ul,.content-block ol{margin:1em 0 1em 1.4em}
.content-block li{margin-bottom:.4em;color:var(--c-text)}
.content-block a{color:var(--c-accent)}
.content-block table{margin:1.5em 0;font-size:.875rem}
.content-block table th{background:var(--c-hdr);color:#fff;padding:10px 14px;text-align:left;border:1px solid var(--c-border)}
.content-block table td{padding:10px 14px;border:1px solid var(--c-border);color:var(--c-text)}
.content-block blockquote{border-left:3px solid var(--c-accent);padding-left:18px;color:var(--c-text-muted);font-style:italic;margin:1.5em 0}
.content-block strong{color:#fff;font-weight:600}

.author-card{display:flex;gap:20px;align-items:flex-start;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:24px;margin-bottom:32px;flex-wrap:wrap}
.author-avatar{width:72px;height:72px;border-radius:50%;background:var(--c-btn-secondary);flex-shrink:0;overflow:hidden}
.author-avatar img{width:100%;height:100%;object-fit:cover}
.author-info h4{margin-bottom:4px;font-size:1rem}
.author-info p{font-size:.85rem;color:var(--c-text-muted);margin:0}
.author-links{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.author-links a{font-size:.8rem;color:var(--c-accent)}

.steps-grid{display:flex;flex-wrap:wrap;gap:20px;counter-reset:step-counter}
.step-card{flex:1;min-width:220px;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:24px;position:relative}
.step-num{width:40px;height:40px;border-radius:50%;background:var(--c-accent);color:#110E1B;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0}
.step-card h3{font-size:1rem;margin-bottom:8px}
.step-card p{font-size:.875rem;color:var(--c-text-muted);margin:0}
.steps-connector{display:none}

.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}
.faq-question{padding:18px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;user-select:none;font-weight:600;font-size:.95rem;transition:background var(--trans)}
.faq-question:hover{background:rgba(255,255,255,.04)}
.faq-icon{width:20px;height:20px;flex-shrink:0;color:var(--c-accent);transition:transform .3s ease}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.faq-item.open .faq-answer{max-height:600px;padding:0 24px 20px}
.faq-answer p{font-size:.9rem;color:var(--c-text-muted);line-height:1.7;margin:0}

.comments-wrap{display:flex;gap:40px;flex-wrap:wrap}
.comments-list{flex:1;min-width:280px;display:flex;flex-direction:column;gap:16px}
.comment-card{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:20px}
.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--c-btn-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}
.comment-author strong{display:block;font-size:.9rem;color:#fff}
.comment-author span{font-size:.75rem;color:var(--c-text-muted)}
.comment-stars{color:#FFD700;font-size:.85rem;margin-bottom:6px}
.comment-card p{font-size:.875rem;color:var(--c-text-muted);margin:0}
.comment-form{flex:1;min-width:280px}
.comment-form h3{margin-bottom:20px;font-size:1.1rem}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--c-text-muted)}
.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:12px 16px;color:#fff;font-family:'Sora',sans-serif;font-size:.9rem;transition:border-color var(--trans),box-shadow var(--trans);outline:none}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(0,237,166,.15)}
.form-group textarea{resize:vertical;min-height:120px}
.form-group select option{background:var(--c-card2)}
.form-note{font-size:.78rem;color:var(--c-text-muted);margin-top:8px}
.form-success{background:rgba(0,237,166,.1);border:1px solid var(--c-accent);color:var(--c-accent);border-radius:var(--r-sm);padding:14px;text-align:center;display:none}

.site-footer{background:var(--c-hdr);margin-top:auto}
.footer-top{padding:48px 0 32px;border-bottom:1px solid var(--c-border)}
.footer-grid{display:flex;flex-wrap:wrap;gap:32px}
.footer-col{flex:1;min-width:180px}
.footer-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:16px}
.footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.footer-col ul a{font-size:.875rem;color:var(--c-text-muted);transition:color var(--trans)}
.footer-col ul a:hover{color:#fff}
.footer-logo{margin-bottom:14px}
.footer-logo img{height:36px}
.footer-desc{font-size:.82rem;color:var(--c-text-muted);line-height:1.6;margin-bottom:16px}
.footer-socials{display:flex;gap:10px}
.social-link{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:background var(--trans)}
.social-link:hover{background:var(--c-btn-secondary)}
.social-link svg{width:16px;height:16px;color:var(--c-text-muted)}
.footer-middle{padding:24px 0;border-bottom:1px solid var(--c-border)}
.footer-badges{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.footer-badges-section{flex:1;min-width:200px}
.footer-badges-section h5{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);margin-bottom:10px;font-weight:600}
.badges-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.badge-item{background:rgba(255,255,255,.06);border:1px solid var(--c-border);border-radius:6px;padding:5px 12px;font-size:.72rem;color:var(--c-text-muted);display:flex;align-items:center;gap:6px;font-weight:500}
.badge-item svg{width:14px;height:14px;color:var(--c-accent)}
.footer-bottom{padding:20px 0}
.footer-bottom-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}
.footer-legal{font-size:.72rem;color:var(--c-text-muted);line-height:1.6;max-width:680px}
.footer-legal strong{color:rgba(255,255,255,.5);font-weight:600}
.footer-flag{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--c-text-muted)}
.footer-flag .flag{font-size:1.4rem}
.footer-country-email{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.footer-email{font-size:.8rem;color:var(--c-text-muted)}

.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--c-border),transparent);margin:0}

.info-page-content{padding:60px 0;width:100%;box-sizing:border-box}
.info-page-content h1{margin-bottom:8px}
.info-page-content .info-meta{font-size:.85rem;color:var(--c-text-muted);margin-bottom:32px}
.info-page-content h2{font-size:1.3rem;margin:2em 0 .8em}
.info-page-content p,.info-page-content li{color:var(--c-text);line-height:1.8;font-size:.95rem}
.info-page-content ul{margin:1em 0 1.5em}
.info-page-content li{margin-bottom:.5em}

.rg-logos{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.rg-logo{background:rgba(255,255,255,.06);border:1px solid var(--c-border);border-radius:6px;padding:4px 12px;font-size:.72rem;color:var(--c-text-muted);font-weight:600}

.q8x3z{width:1px;height:1px;overflow:hidden;position:absolute;left:-9999px;opacity:0}
.m2w9k1{display:none;height:0;width:0;overflow:hidden;position:absolute}
.r6t4n{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.wp-tag-cloud{display:none}
.elementor-element-ghost{display:none}

@media(max-width:900px){
.header-nav{display:none}
.burger{display:flex}
.header-inner{height:64px}
.hero-content .container{flex-direction:column}
.hero-bonus-card{width:100%;max-width:400px;align-self:center}
.app-info-wrap{flex-direction:column}
}
@media(max-width:640px){
.section{padding:48px 0}
.advantages-grid .adv-card{min-width:calc(50% - 10px)}
.tournaments-grid{flex-direction:column}
.tournament-card{min-width:100%}
.steps-grid .step-card{min-width:calc(50% - 10px)}
.comments-wrap{flex-direction:column}
.footer-country-email{align-items:flex-start}
.app-info-wrap{flex-direction:column;gap:24px}
.app-dl-side{width:100%;min-width:0}
.btn-store{max-width:100%;width:100%;box-sizing:border-box}
.app-table-side{min-width:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:480px){
.advantages-grid .adv-card{min-width:100%}
.steps-grid .step-card{min-width:100%}
.hero-cta{flex-direction:column}
.hero-cta .btn{width:100%;justify-content:center}
.data-table th,.data-table td{padding:10px 12px}
.header-online{display:none}
}

.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.slide-in-left{opacity:0;transform:translateX(-30px);transition:opacity .6s ease,transform .6s ease}
.slide-in-left.visible{opacity:1;transform:translateX(0)}

.wp-content-wrapper{display:none}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

.cat{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:32px 36px;margin:40px 0;line-height:1.8;word-break:break-word;overflow-wrap:break-word;box-shadow:var(--shadow)}
.cat h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#fff;margin:0 0 20px;line-height:1.25}
.cat h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:#fff;margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--c-border)}
.cat h3{font-size:1.05rem;font-weight:700;color:var(--c-accent);margin:20px 0 8px}
.cat h4{font-size:.95rem;font-weight:600;color:var(--c-text-muted);margin:14px 0 6px}
.cat p{color:var(--c-text-muted);font-size:.92rem;margin-bottom:14px}
.cat ul,.cat ol{color:var(--c-text-muted);font-size:.92rem;padding-left:22px;margin-bottom:14px}
.cat ul li,.cat ol li{margin-bottom:6px;line-height:1.7}
.cat a{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}
.cat a:hover{color:#fff}
.cat strong{color:#fff;font-weight:700}
.cat blockquote{border-left:3px solid var(--c-accent);padding:10px 16px;margin:16px 0;color:var(--c-text-muted);font-style:italic;background:rgba(2,226,180,.06);border-radius:0 8px 8px 0}
.cat table{width:100%;border-collapse:collapse;margin:18px 0;border:1px solid var(--c-border);border-radius:8px;table-layout:auto}
.cat table th{background:rgba(2,226,180,.1);color:var(--c-accent);padding:10px 14px;text-align:left;font-size:.8rem;font-weight:700;text-transform:uppercase;white-space:nowrap}
.cat table td{padding:10px 14px;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);font-size:.88rem;vertical-align:top}
.cat table tr:last-child td{border-bottom:none}
.cat table tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.cat table td:first-child{font-weight:600;color:#fff;white-space:nowrap}
@media(max-width:640px){.cat{padding:22px 18px;margin:28px 0}}
@media(max-width:480px){.cat{padding:16px 14px;margin:16px 0;border-radius:10px}.cat h1{font-size:1.25rem}.cat h2{font-size:1.05rem;margin:20px 0 8px}.cat table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.cat table td:first-child{white-space:normal}}

.content-block{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:32px 36px;margin:40px 0;width:100%;max-width:100%;line-height:1.8;word-break:break-word;box-sizing:border-box}
.content-block h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#fff;margin:0 0 20px}
.content-block h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:#fff;margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--c-border)}
.content-block h3{font-size:1.05rem;font-weight:700;color:var(--c-accent);margin:20px 0 8px}
.content-block p{color:var(--c-text-muted);font-size:.92rem;margin-bottom:14px}
.content-block ul,.content-block ol{color:var(--c-text-muted);font-size:.92rem;padding-left:22px;margin-bottom:14px}
.content-block ul li,.content-block ol li{margin-bottom:6px;line-height:1.7}
.content-block a{color:var(--c-accent);text-decoration:underline}
.content-block strong{color:#fff;font-weight:700}
.content-block table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:18px 0;border:1px solid var(--c-border);border-radius:8px}
.content-block table th{background:rgba(2,226,180,.1);color:var(--c-accent);padding:10px 14px;text-align:left;font-size:.8rem;font-weight:700;text-transform:uppercase}
.content-block table td{padding:10px 14px;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);font-size:.88rem}
.content-block table tr:last-child td{border-bottom:none}
@media(max-width:640px){.content-block{padding:22px 18px;margin:28px 16px}}
@media(max-width:480px){.content-block{padding:16px 14px;margin:16px;border-radius:10px}.content-block h1{font-size:1.25rem}}

@media(max-width:640px){#tc-prev,#tc-next{display:none!important}}

html { max-width: 100%; overflow-x: hidden; }
.info-page .container { overflow-x: hidden; }
.info-page-content * { max-width: 100%; word-break: break-word; }

.technical {
    background: var(--c-card2);
    border: 1px solid var(--c-border);
    border-radius: var(--r-lg);
    padding: 36px 40px;
    margin: 32px 0;
    line-height: 1.8;
    word-break: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.technical h2 {
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    font-weight: 700;
    color: #fff;
    margin: 2em 0 .7em;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--c-border);
}

.technical h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--c-accent);
    margin: 1.5em 0 .6em;
}

.technical p {
    color: var(--c-text);
    font-size: .93rem;
    margin-bottom: 1em;
    line-height: 1.8;
}

.technical ul,
.technical ol {
    color: var(--c-text);
    font-size: .93rem;
    padding-left: 22px;
    margin: .8em 0 1.2em;
}

.technical ul li,
.technical ol li {
    margin-bottom: .5em;
    line-height: 1.7;
}

.technical a {
    color: var(--c-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.technical a:hover {
    color: #fff;
}

.technical strong {
    color: #fff;
    font-weight: 600;
}

.technical blockquote {
    border-left: 3px solid var(--c-accent);
    padding: 10px 16px;
    margin: 1.5em 0;
    color: var(--c-text-muted);
    font-style: italic;
    background: rgba(2, 226, 180, .06);
    border-radius: 0 8px 8px 0;
}

.technical table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: .88rem;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.technical table th {
    background: var(--c-hdr);
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    border: 1px solid var(--c-border);
    white-space: nowrap;
}

.technical table td {
    padding: 10px 14px;
    border: 1px solid var(--c-border);
    color: var(--c-text);
    vertical-align: top;
}

.technical table tr:nth-child(even) td {
    background: rgba(255, 255, 255, .03);
}

@media (max-width: 640px) {
    .technical {
        padding: 24px 20px;
        margin: 24px 0;
        border-radius: 10px;
    }

    .technical h2 {
        font-size: 1.1rem;
        margin: 1.6em 0 .6em;
    }

    .technical p,
    .technical ul li,
    .technical ol li {
        font-size: .88rem;
    }
}

@media (max-width: 480px) {
    .technical {
        padding: 18px 16px;
        margin: 16px 0;
        border-radius: 8px;
    }

    .technical h2 {
        font-size: 1rem;
    }
}