:root{--tw-bg:#070707;--tw-bg2:#101014;--tw-panel:#151519;--tw-panel2:#1c1c22;--tw-text:#fff;--tw-muted:#b8b8c3;--tw-line:rgba(255,255,255,.1);--tw-red:#e50914;--tw-red2:#ff2b35;--tw-radius:22px;--tw-shadow:0 28px 80px rgba(0,0,0,.45)}
body:has(.tw-home),body:has(.tw-shell),body:has(.tw-auth-page),body:has(.tw-page){background:var(--tw-bg)!important;color:var(--tw-text)!important}body:has(.tw-home) .site-footer,body:has(.tw-shell) .site-footer,body:has(.tw-auth-page) .site-footer,body:has(.tw-page) .site-footer,body:has(.tw-home) footer.wp-block-template-part,body:has(.tw-shell) footer.wp-block-template-part{display:none!important}.tw-home,.tw-shell,.tw-auth-page,.tw-page{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 15% 0%,rgba(229,9,20,.32),transparent 32%),linear-gradient(180deg,#050505,#101014 52%,#050505);min-height:100vh;color:#fff;box-sizing:border-box}.tw-home *,.tw-shell *,.tw-auth-page *,.tw-page *{box-sizing:border-box}.tw-home a,.tw-shell a,.tw-auth-page a,.tw-page a{color:inherit;text-decoration:none}.tw-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;position:relative;z-index:3}.tw-home-logo,.tw-brand{font-weight:900;font-size:26px;letter-spacing:-.04em}.tw-topbar nav{display:flex;gap:22px;align-items:center;color:#d6d6de}.tw-topbar nav a{font-size:15px}.tw-pill,.tw-btn{border:1px solid var(--tw-line);border-radius:999px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.06);cursor:pointer;color:#fff!important;font-weight:800;line-height:1;transition:.18s ease}.tw-pill,.tw-btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--tw-red),var(--tw-red2));box-shadow:0 16px 42px rgba(229,9,20,.3)}.tw-btn-ghost{background:rgba(255,255,255,.08)}.tw-btn:hover,.tw-pill:hover{transform:translateY(-2px);filter:brightness(1.08)}.tw-hero-wrap{width:min(1220px,calc(100% - 64px));margin:0 auto;padding:32px 0 56px}.tw-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;min-height:560px}.tw-kicker{color:#ff5961;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.tw-hero h1,.tw-main h1,.tw-auth-card h1,.tw-page h1{font-size:clamp(38px,6vw,76px);line-height:.92;margin:16px 0 20px;letter-spacing:-.065em}.tw-hero p,.tw-main-head p,.tw-chat-left p,.tw-card-body p,.tw-row-head p,.tw-auth-card p,.tw-page p{color:var(--tw-muted);font-size:17px;line-height:1.6;max-width:670px}.tw-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.tw-actions.small{margin:15px 0 0}.tw-actions.small .tw-btn{font-size:13px;padding:10px 12px}.tw-hero-preview{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid var(--tw-line);border-radius:34px;padding:22px;box-shadow:var(--tw-shadow);min-height:420px;backdrop-filter:blur(16px)}.tw-preview-top{display:flex;gap:8px}.tw-preview-top span{width:12px;height:12px;background:#fff3;border-radius:50%}.tw-preview-title{margin:34px 0 18px;font-size:24px;font-weight:900}.tw-preview-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-auto-rows:112px;gap:14px}.tw-preview-grid div{border-radius:24px;background:linear-gradient(135deg,#24242b,#0c0c0e);display:flex;align-items:end;padding:18px;font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff12}.tw-preview-grid .big{grid-row:span 2;background:linear-gradient(135deg,#e50914,#2a0508);font-size:43px;line-height:.95}.tw-rows{margin-top:10px}.tw-row-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.tw-row-head h2{font-size:28px;margin:0;letter-spacing:-.03em}.tw-home-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tw-home-cards a,.tw-dash-card,.tw-content-card,.tw-chat-panel{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--tw-line);border-radius:var(--tw-radius);box-shadow:var(--tw-shadow);overflow:hidden}.tw-home-cards a{min-height:178px;padding:22px;display:flex;flex-direction:column;justify-content:end;transition:.18s ease}.tw-home-cards a:hover,.tw-dash-card:hover,.tw-content-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}.tw-home-cards strong{font-size:22px}.tw-home-cards span{color:var(--tw-muted);margin-top:8px}.tw-footer{width:min(1220px,calc(100% - 64px));margin:40px auto 0;padding:28px 0 34px;border-top:1px solid var(--tw-line);display:grid;grid-template-columns:1fr 1fr;gap:20px;color:var(--tw-muted)}.tw-footer h4{color:#fff;margin:0 0 10px}.tw-footer a{display:block;margin:7px 0;color:var(--tw-muted)}.tw-copyright{grid-column:1/-1;color:#9696a2;font-size:14px;margin-top:8px}.tw-auth-page{display:grid;place-items:center;padding:42px 20px}.tw-auth-card{width:min(470px,100%);padding:34px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid var(--tw-line);box-shadow:var(--tw-shadow)}.tw-auth-logo{font-size:25px;font-weight:900}.tw-auth-card h1{font-size:44px}.tw-auth-card form{display:flex;flex-direction:column;gap:14px;margin:20px 0}.tw-auth-card input{width:100%;border:1px solid var(--tw-line);background:#0b0b0e;color:#fff;border-radius:16px;padding:15px 16px;font-size:15px}.tw-check{color:var(--tw-muted);font-size:14px}.tw-check input{width:auto}.tw-error,.tw-success,.tw-empty{padding:14px 16px;border-radius:16px;margin:14px 0}.tw-error{background:#4b1016;color:#ffd6d8}.tw-success{background:#113d24;color:#c8ffd8}.tw-empty{background:rgba(255,255,255,.06);border:1px solid var(--tw-line);color:var(--tw-muted)}.tw-shell{display:grid;grid-template-columns:276px 1fr;min-height:100vh;background:linear-gradient(120deg,#050505 0,#111116 55%,#090909)}.tw-sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:rgba(0,0,0,.58);border-right:1px solid var(--tw-line)}.tw-brand{display:flex;flex-direction:column;margin:0 0 30px;padding:0 10px}.tw-brand small{color:#ff5961;font-size:12px;letter-spacing:.25em;text-transform:uppercase}.tw-sidebar nav{display:flex;flex-direction:column;gap:8px}.tw-sidebar nav a{padding:14px 15px;border-radius:16px;color:#d2d2dc;font-weight:800}.tw-sidebar nav a:hover,.tw-sidebar nav a.is-active{background:linear-gradient(135deg,rgba(229,9,20,.94),rgba(229,9,20,.45));color:#fff}.tw-main{padding:42px 50px 34px;max-width:1240px;width:100%}.tw-main-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.tw-main h1{font-size:56px}.tw-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tw-dash-card{min-height:210px;padding:24px;display:flex;flex-direction:column;justify-content:end;transition:.18s ease}.tw-dash-card.hero{grid-column:span 2;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.18),transparent 26%),linear-gradient(135deg,#e50914,#250305)}.tw-dash-card.admin{background:linear-gradient(135deg,#23232b,#151519)}.tw-dash-card span{color:#ff777e;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:12px}.tw-dash-card h2{font-size:30px;margin:10px 0 8px;letter-spacing:-.04em}.tw-dash-card p{color:var(--tw-muted);margin:0}.tw-chat-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:32px;min-height:520px;align-items:center}.tw-chat-left h1{font-size:58px}.tw-prompt-box{margin-top:20px;padding:18px;border-radius:20px;border:1px solid var(--tw-line);background:#0c0c10;color:#dedee8}.tw-chat-mock{display:flex;flex-direction:column;gap:14px}.tw-bubble{max-width:82%;padding:16px 18px;border-radius:20px;line-height:1.5}.tw-bubble.user{align-self:flex-end;background:#e50914}.tw-bubble.bot{align-self:flex-start;background:#24242d;color:#ececf4}.tw-bubble.small{font-size:14px}.tw-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tw-content-card{position:relative;display:block;text-align:left;color:#fff;border:0;cursor:pointer;padding:0;min-height:250px;transition:.18s ease}.tw-content-card img{width:100%;height:158px;object-fit:cover;display:block;background:#18181e}.tw-card-body{padding:18px}.tw-card-body h3{font-size:18px;line-height:1.25;margin:0 0 8px}.tw-play{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(229,9,20,.92);box-shadow:0 16px 34px rgba(0,0,0,.4);font-size:20px}.tw-pdf-cover{height:158px;display:grid;place-items:center;background:linear-gradient(135deg,#e50914,#330306)}.tw-pdf-cover span{font-size:42px;font-weight:950;letter-spacing:-.05em}.tw-filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tw-filterbar a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--tw-line);color:#ddd}.tw-filterbar a.active{background:#e50914;color:#fff}.tw-page{padding:42px 50px}.tw-modal{display:none;position:fixed;inset:0;z-index:999999}.tw-modal.is-open{display:block}.tw-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.tw-modal-card{position:relative;width:min(1080px,calc(100vw - 44px));margin:7vh auto;background:#08080a;border:1px solid var(--tw-line);border-radius:28px;box-shadow:var(--tw-shadow);padding:18px}.tw-modal-card.pdf{height:86vh}.tw-modal-close{position:absolute;right:18px;top:14px;z-index:3;border:0;background:#e50914;color:#fff;width:42px;height:42px;border-radius:50%;font-size:26px;cursor:pointer}.tw-video-frame{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden}.tw-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tw-modal-card.pdf iframe{width:100%;height:100%;border:0;border-radius:20px;background:#fff}#twPdfFrame{margin-top:42px;height:calc(100% - 44px)!important}.wp-site-blocks:has(.tw-home),.wp-site-blocks:has(.tw-shell),.wp-site-blocks:has(.tw-auth-page){padding:0!important}.wp-site-blocks:has(.tw-home) main,.wp-site-blocks:has(.tw-shell) main,.entry-content:has(.tw-home),.entry-content:has(.tw-shell),.entry-content:has(.tw-auth-page){margin:0!important;max-width:none!important}.wp-site-blocks:has(.tw-home) header,.wp-site-blocks:has(.tw-shell) header,.wp-site-blocks:has(.tw-auth-page) header{display:none!important}body:has(.tw-home) .powered-by-wordpress,body:has(.tw-shell) .powered-by-wordpress,body:has(.tw-auth-page) .powered-by-wordpress{display:none!important}
@media(max-width:1050px){.tw-hero,.tw-chat-panel{grid-template-columns:1fr}.tw-home-cards,.tw-card-grid,.tw-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-shell{grid-template-columns:1fr}.tw-sidebar{position:relative;height:auto}.tw-sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.tw-main{padding:30px 24px}.tw-dash-card.hero{grid-column:span 1}}@media(max-width:720px){.tw-topbar{padding:18px 20px;height:auto;align-items:flex-start}.tw-topbar nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.tw-hero-wrap,.tw-footer{width:calc(100% - 32px)}.tw-hero{min-height:auto}.tw-home-cards,.tw-card-grid,.tw-dashboard-grid{grid-template-columns:1fr}.tw-sidebar nav{grid-template-columns:1fr}.tw-footer{grid-template-columns:1fr}.tw-main h1,.tw-hero h1{font-size:42px}.tw-main{padding:24px 16px}.tw-page{padding:24px 16px}}

/* =========================
   TIMEWEB SAAS V7 FIXES
   Full-bleed pages + clean shop skin
========================= */
html, body.timeweb-saas-page { margin:0 !important; padding:0 !important; overflow-x:hidden !important; background:#050505 !important; }
body.timeweb-saas-page header,
body.timeweb-saas-page .wp-block-template-part,
body.timeweb-saas-page .wp-site-blocks > header,
body.timeweb-saas-page .wp-site-blocks > footer,
body.timeweb-saas-page footer.wp-block-template-part,
body.timeweb-saas-page .woocommerce-breadcrumb,
body.timeweb-saas-page .storefront-breadcrumb,
body.timeweb-saas-page .powered-by-wordpress { display:none !important; }
body.timeweb-saas-page .wp-site-blocks,
body.timeweb-saas-page main,
body.timeweb-saas-page .wp-block-group,
body.timeweb-saas-page .entry-content,
body.timeweb-saas-page .wp-block-post-content,
body.timeweb-saas-page .wp-block-post-content > *,
body.timeweb-saas-page .site,
body.timeweb-saas-page .site-main,
body.timeweb-saas-page .content-area { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.timeweb-saas-page :where(.tw-home,.tw-shell,.tw-auth-page,.tw-page,.tw-shop-full){
    width:100vw !important;
    max-width:100vw !important;
    min-height:100vh;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}
body.timeweb-saas-page .tw-shell{ grid-template-columns:320px minmax(0,1fr); align-items:stretch; }
body.timeweb-saas-page .tw-sidebar{ width:320px; padding:38px 28px; }
body.timeweb-saas-page .tw-main{ max-width:none !important; width:100% !important; padding:54px 64px 36px; overflow:hidden; }
body.timeweb-saas-page .tw-dashboard-grid{ grid-template-columns:repeat(4,minmax(220px,1fr)); gap:22px; }
body.timeweb-saas-page .tw-dash-card.hero{ grid-column:span 2; }
body.timeweb-saas-page .tw-main h1{ color:#fff !important; opacity:1 !important; }
body.timeweb-saas-page .tw-main p,
body.timeweb-saas-page .tw-card-body p{ color:#c9c9d8 !important; opacity:1 !important; }
body.timeweb-saas-page .tw-content-card h3,
body.timeweb-saas-page .tw-dash-card h2{ color:#fff !important; opacity:1 !important; }
body.timeweb-saas-page .tw-content-card{ min-width:0; }
body.timeweb-saas-page .tw-card-grid{ grid-template-columns:repeat(4,minmax(220px,1fr)); }

.tw-shop-full{ background:linear-gradient(120deg,#050505 0,#111116 55%,#090909); color:#fff; padding:44px 54px 0; box-sizing:border-box; }
.tw-shop-inner{ width:100%; max-width:1500px; margin:0 auto; }
.tw-shop-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:22px; }
.tw-shop-head h1{ font-size:64px; margin:6px 0 8px; letter-spacing:-.06em; color:#fff; }
.tw-shop-head p{ max-width:760px; color:#c9c9d8; font-size:18px; }
.tw-product-grid{ margin-top:20px; }
.tw-product-card img{ height:210px; object-fit:cover; }
.tw-product-card .tw-card-body{ min-height:136px; }
.tw-price{ color:#fff !important; font-weight:900; }
.tw-product-cta{ display:inline-flex; margin-top:10px; padding:9px 12px; border-radius:999px; background:rgba(229,9,20,.18); color:#ff6870; font-weight:900; font-size:13px; }
.tw-filter-note{ padding:10px 14px; color:#a7a7b4; }
.tw-footer{ width:100% !important; max-width:none; margin-top:52px; grid-template-columns:1fr 1fr 1fr; }
.tw-footer-col h4{ color:#fff !important; }
.tw-footer-col a{ color:#c9c9d8 !important; }
.tw-copyright{ color:#aaaab8 !important; opacity:1 !important; }

@media(max-width:1200px){
 body.timeweb-saas-page .tw-dashboard-grid,
 body.timeweb-saas-page .tw-card-grid{ grid-template-columns:repeat(3,minmax(220px,1fr)); }
 body.timeweb-saas-page .tw-shell{ grid-template-columns:280px minmax(0,1fr); }
 body.timeweb-saas-page .tw-sidebar{ width:280px; }
}
@media(max-width:900px){
 body.timeweb-saas-page .tw-shell{ grid-template-columns:1fr; }
 body.timeweb-saas-page .tw-sidebar{ width:auto; height:auto; position:relative; }
 body.timeweb-saas-page .tw-dashboard-grid,
 body.timeweb-saas-page .tw-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tw-shop-head{ align-items:flex-start; flex-direction:column; }
}
@media(max-width:620px){
 body.timeweb-saas-page .tw-main,.tw-shop-full{ padding:24px 16px; }
 body.timeweb-saas-page .tw-dashboard-grid,
 body.timeweb-saas-page .tw-card-grid{ grid-template-columns:1fr; }
 .tw-shop-head h1{ font-size:42px; }
 .tw-footer{ grid-template-columns:1fr; }
}

/* =========================
   TIMEWEB SAAS V8 PIXEL FINISH
========================= */
.tw-red,.tw-home-logo span{color:#e50914}.tw-auth-page{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 18%,rgba(229,9,20,.14),transparent 25%),linear-gradient(90deg,#030303,#0b0b0e 48%,#060606)!important}.tw-auth-bg{position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.65),rgba(0,0,0,.9)),radial-gradient(circle at 35% 50%,rgba(229,9,20,.2),transparent 24%)}.tw-auth-card{position:relative;width:min(580px,calc(100vw - 32px));padding:52px 40px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(28,28,33,.94),rgba(10,10,12,.94))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 35px 100px rgba(0,0,0,.7);margin:34px auto}.tw-auth-logo{display:block;color:#f00614!important;font-weight:950;font-size:42px;letter-spacing:.02em;margin-bottom:30px}.tw-auth-card h1{font-size:36px!important;margin:0 0 8px!important;color:#fff!important}.tw-auth-card p{color:#cfd0dc!important}.tw-auth-card input[type="text"],.tw-auth-card input[type="email"],.tw-auth-card input[type="password"],.tw-auth-card input:not([type]){width:100%;height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#eaf1ff;color:#050505;font-size:16px;padding:0 18px;margin:10px 0}.tw-auth-card .tw-btn{width:100%;height:56px;border-radius:12px;margin:12px 0 16px}.tw-auth-link{text-decoration:underline!important;color:#fff!important}.tw-success,.tw-error{padding:12px 14px;border-radius:12px;margin:12px 0;font-weight:800}.tw-success{background:rgba(34,197,94,.15);color:#86efac}.tw-error{background:rgba(239,68,68,.15);color:#fca5a5}.tw-check{display:flex;gap:9px;color:#cfd0dc;margin:8px 0}.tw-shell{grid-template-columns:300px minmax(0,1fr)!important;background:#090a10!important;min-height:100vh}.tw-sidebar{background:linear-gradient(180deg,#090a10,#050507)!important;border-right:1px solid rgba(255,255,255,.08);padding:32px 22px!important}.tw-brand span{font-size:26px}.tw-sidebar nav a{display:flex!important;align-items:center;gap:12px;font-size:15px}.tw-sidebar nav a b{width:18px;text-align:center;color:#a7adbc}.tw-sidebar nav a.is-active b,.tw-sidebar nav a:hover b{color:#fff}.tw-logout{margin-top:30px}.tw-main{padding:36px 42px!important;max-width:none!important}.tw-student-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tw-student-head h1{font-size:34px!important;margin:8px 0!important;color:#fff!important}.tw-search{min-width:340px;border:1px solid rgba(255,255,255,.08);background:#151722;border-radius:999px;padding:13px 18px;color:#7f8495}.tw-student-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.tw-student-content,.tw-right-rail>a,.tw-progress,.tw-continue,.tw-admin-panel,.tw-stat{background:linear-gradient(180deg,#171923,#10121a);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.tw-student-content{padding:22px}.tw-student-content h2{font-size:18px;margin:0 0 16px}.tw-course-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tw-mini-card{min-height:170px;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(229,9,20,.38),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08);overflow:hidden}.tw-mini-card span{color:#ff6870;text-transform:uppercase;font-size:11px;font-weight:900}.tw-mini-card strong{font-size:15px;margin:8px 0}.tw-mini-card em{font-style:normal;color:#fff;font-size:13px}.tw-continue{margin-top:18px;padding:22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.tw-continue h3{margin:0 0 6px}.tw-continue p{margin:0;color:#c5c8d6}.tw-right-rail{display:flex;flex-direction:column;gap:14px}.tw-right-rail>a,.tw-progress{padding:22px;min-height:104px}.tw-right-rail strong,.tw-progress strong{display:block;font-size:17px;margin-bottom:6px}.tw-right-rail span,.tw-progress span{display:block;color:#b7bac8}.tw-right-rail b{display:inline-flex;margin-top:13px;background:rgba(255,255,255,.08);border-radius:8px;padding:8px 12px}.tw-progress b{font-size:28px;float:right}.tw-progress i{display:block;height:6px;border-radius:99px;margin-top:20px;background:linear-gradient(90deg,#e50914 57%,rgba(255,255,255,.1) 57%)}.tw-admin-dash{width:100%}.tw-admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.tw-admin-top h1{font-size:30px!important;margin:6px 0 0!important;color:#fff!important}.tw-admin-user{text-align:right;color:#fff;font-weight:900}.tw-admin-user small{color:#aeb2c4}.tw-stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.tw-stat{padding:18px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.tw-stat i{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(229,9,20,.18);font-style:normal}.tw-stat.blue i{background:rgba(59,130,246,.2)}.tw-stat.yellow i{background:rgba(251,191,36,.2)}.tw-stat.green i{background:rgba(34,197,94,.2)}.tw-stat.purple i{background:rgba(139,92,246,.2)}.tw-stat strong{font-size:26px;color:#fff}.tw-stat span{font-size:12px;color:#b5b9c8}.tw-admin-grid{display:grid;grid-template-columns:2fr 1.15fr;gap:18px}.tw-admin-panel{padding:20px;min-height:190px}.tw-admin-panel h3{margin:0 0 16px;font-size:16px;color:#fff}.tw-line-chart{height:190px}.tw-line-chart svg{width:100%;height:100%}.tw-donut{width:150px;height:150px;border-radius:50%;margin:6px auto 16px;background:conic-gradient(#e50914 0 70%,#8b5cf6 70% 91%,#6f7dfb 91% 100%);position:relative}.tw-donut:after{content:"";position:absolute;inset:38px;border-radius:50%;background:#151721}.tw-admin-panel.roles p{display:flex;align-items:center;gap:8px;color:#cdd0dc;margin:9px 0}.tw-admin-panel.roles p span{width:12px;height:12px;background:#e50914;border-radius:3px}.tw-admin-panel.roles p span.pending{background:#8b5cf6}.tw-admin-panel.roles p span.admin{background:#6f7dfb}.tw-user-line{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.tw-user-line span{width:30px;height:30px;border-radius:50%;background:#313543;display:grid;place-items:center}.tw-user-line small{color:#aeb2c4}.tw-system-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:11px 0;color:#cdd0dc}.tw-system-row b{color:#4ade80}.tw-small-btn{margin-top:16px;padding:10px 12px}.tw-video-row{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:6px 4px 28px;scroll-snap-type:x mandatory}.tw-video-row::-webkit-scrollbar{height:10px}.tw-video-row::-webkit-scrollbar-thumb{background:#30323d;border-radius:999px}.tw-video-tile{flex:0 0 340px;scroll-snap-align:start;position:relative;border:0;border-radius:18px;overflow:hidden;min-height:235px;background:#171923;color:#fff;text-align:left;cursor:pointer;box-shadow:0 18px 55px rgba(0,0,0,.26);transition:.2s}.tw-video-tile:hover{transform:translateY(-4px) scale(1.015)}.tw-video-tile img{width:100%;height:190px;object-fit:cover;display:block}.tw-video-tile strong{display:block;padding:14px 16px;font-size:17px}.tw-video-tile .tw-play{top:76px}.tw-modal-card{width:min(1180px,calc(100vw - 46px))!important;margin:5vh auto!important}.tw-video-frame{padding-top:56.25%}
@media(max-width:1180px){.tw-student-layout,.tw-admin-grid{grid-template-columns:1fr}.tw-stat-row{grid-template-columns:repeat(3,1fr)}.tw-course-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.tw-student-head{align-items:flex-start;flex-direction:column}.tw-search{min-width:0;width:100%}.tw-course-strip,.tw-stat-row{grid-template-columns:1fr}.tw-video-tile{flex-basis:280px}.tw-auth-card{padding:36px 24px!important}.tw-student-layout{gap:16px}.tw-continue{align-items:flex-start;flex-direction:column}}