@charset "UTF-8";
:root{color-scheme:dark;--bg:#09090b;--panel:#111216;--panel2:#17181d;--line:#292b33;--muted:#9a9da8;--text:#f7f7f8;--red:#ef233c;--red2:#ff4155;--green:#23d18b;--amber:#ffbd2e;--blue:#5c8dff;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}.muted{color:var(--muted)}.red{color:var(--red2)}.green{color:var(--green)}.hidden{display:none!important}
.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid #343640;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.btn{border:1px solid var(--line);background:#14151a;color:#fff;border-radius:10px;padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:#555863;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--red),#ff4052);border-color:transparent;box-shadow:0 10px 25px #ef233c30}.btn.ghost{background:transparent}.btn.sm{padding:7px 10px;font-size:12px}.btn.wide{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:99px;font-size:11px;font-weight:700}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:#06291e;border-color:#095d42}.badge.amber{color:var(--amber);background:#2c2109;border-color:#6f5010}
.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:850;letter-spacing:-.5px}.brand img{width:34px;height:34px;object-fit:cover;object-position:left;border-radius:7px}.brand b{color:var(--red2)}.brand small{font-size:9px;color:var(--muted);letter-spacing:1.4px;margin-left:4px}
.landing{overflow:hidden;background:radial-gradient(ellipse at 78% 18%,#500b1428 0,transparent 42%),#08090b}.nav{height:74px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;gap:28px;color:#babdc6}.nav-actions{display:flex;gap:10px}
.hero{max-width:1240px;margin:auto;min-height:650px;padding:72px 24px 48px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:54px}.eyebrow{color:#ff6170;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1.8px}.hero h1{font-size:64px;line-height:1.01;letter-spacing:-3.5px;margin:18px 0 22px;max-width:650px}.hero p{font-size:18px;color:#b7bac3;max-width:570px}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#8f929c;font-size:12px}.trust span:before{content:"+";color:var(--green);margin-right:7px}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:10% -5%;background:#ee233b25;filter:blur(70px)}.hero-art img{position:relative;width:100%;border:1px solid #333640;border-radius:20px;box-shadow:0 30px 90px #000;transform:perspective(1400px) rotateY(-4deg)}
.platform-strip,.section{max-width:1240px;margin:auto;padding:60px 24px}.platform-strip{padding-top:10px;text-align:center;color:#9a9da8}.platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.platform{padding:10px 16px;border:1px solid var(--line);background:#111216;border-radius:12px;color:#e1e2e5}.section-head{max-width:650px}.section h2{font-size:40px;letter-spacing:-1.5px;margin:8px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.feature{background:linear-gradient(145deg,#15161a,#0e0f12);border:1px solid var(--line);padding:24px;border-radius:var(--radius)}.feature .ico{font-size:24px;color:var(--red2)}.feature h3{margin:18px 0 8px}.cta{margin:50px auto 80px;max-width:1192px;border:1px solid #70222e;background:linear-gradient(110deg,#1f0c11,#101115);border-radius:24px;padding:52px;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:34px;margin:0}.footer{border-top:1px solid var(--line);padding:30px 24px;color:#8e919a;text-align:center}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-art{background:url('/static/assets/telemedia-product-hero.png') center/cover no-repeat;position:relative}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#09090b 100%)}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(420px,100%)}.auth-card h1{font-size:34px;margin:30px 0 8px}.social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.divider{display:flex;align-items:center;gap:12px;color:#777b85;font-size:11px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:12px;font-weight:700;color:#b9bbc2}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #343640;background:#111217;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red)}.field textarea{min-height:96px;resize:vertical}.form-note{font-size:11px;color:#858893;margin:14px 0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;background:#0b0c0f}.sidebar .brand{padding:0 7px 24px}.menu{display:grid;gap:5px}.navitem{border:0;background:transparent;color:#a3a6af;padding:10px 12px;border-radius:9px;text-align:left;display:flex;gap:11px;align-items:center}.navitem .ni{width:20px;text-align:center}.navitem:hover{background:#17181d;color:#fff}.navitem.active{color:#fff;background:linear-gradient(90deg,#471019,#1d1115);box-shadow:inset 3px 0 var(--red)}.side-bottom{margin-top:auto}.beta-card{border:1px solid #4e2630;background:#1c1014;border-radius:12px;padding:14px;margin-bottom:12px}.beta-card b{display:block}.userbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px;border-radius:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#4a1119;border:1px solid #a42335;font-weight:800}.userbox small{display:block;color:var(--muted)}
.workspace{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:14px;position:sticky;top:0;background:#09090bf2;backdrop-filter:blur(16px);z-index:20}.topbar .search{max-width:390px}.topbar-spacer{flex:1}.iconbtn{border:1px solid var(--line);background:#121318;color:#ccc;width:38px;height:38px;border-radius:10px}.main{padding:28px 30px 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-head h1{font-size:28px;margin:0 0 4px;letter-spacing:-.7px}.page-head p{color:var(--muted);margin:0}.actions{display:flex;gap:9px}
.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:18px}.kpi .label{display:flex;justify-content:space-between;color:#a4a7af}.kpi strong{font-size:28px;display:block;margin:14px 0 6px}.delta{color:var(--green);font-size:11px}.dashboard-grid{grid-template-columns:1.35fr .65fr;margin-top:14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h2{font-size:16px;margin:0}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card{padding:0;overflow:hidden}.project-cover{height:105px;padding:18px;background:linear-gradient(135deg,#381019,#161219);display:flex;justify-content:flex-end}.project-card:nth-child(2n) .project-cover{background:linear-gradient(135deg,#19204a,#151520)}.project-body{padding:18px}.project-body h3{margin:0}.platform-dots{display:flex;gap:7px;margin:12px 0}.platform-dots span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#23252c;font-size:10px}.progress{height:5px;background:#282b32;border-radius:9px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:var(--red);border-radius:9px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.checklist{display:grid;gap:10px}.check{padding:11px;border:1px solid var(--line);background:#15161a;color:var(--text);border-radius:10px;display:flex;gap:10px;align-items:center;text-align:left}.check.done .tick{background:var(--green);color:#07150f}.tick{width:24px;height:24px;border-radius:50%;background:#272931;display:grid;place-items:center;flex:0 0 auto}.activity{display:grid;gap:4px}.activity-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #22242b}.activity-row small{display:block}.activity-row:last-child{border:0}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.table th{color:#8e919a;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.media-grid{grid-template-columns:repeat(4,1fr)}.media-card{padding:0;overflow:hidden}.thumb{height:145px;background:linear-gradient(135deg,#252831,#121318);display:grid;place-items:center;font-size:28px;color:#777}.media-meta{padding:13px}.filters{display:flex;gap:10px;margin-bottom:16px}.filters .search{max-width:420px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.day{min-height:150px;border-right:1px solid var(--line);padding:10px}.day:last-child{border:0}.dayhead{font-size:11px;color:#8e919a;margin-bottom:12px}.post{font-size:11px;border-left:3px solid var(--red);background:#1c1519;padding:7px;border-radius:5px;margin-bottom:7px}.chart{height:260px;display:flex;align-items:end;gap:12px;padding:20px 10px 5px}.bar{flex:1;background:linear-gradient(#ff4459,#781b29);border-radius:7px 7px 2px 2px;min-height:8px}.chart-labels{display:flex;justify-content:space-around;color:#858893;font-size:10px}.profile-grid{grid-template-columns:repeat(3,1fr)}.profile-card{text-align:center;padding:28px}.platform-logo{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;background:#202229;border-radius:16px;font-size:24px}.notice{border:1px solid #594413;background:#231c0b;border-radius:12px;padding:14px;color:#e2c675;margin-bottom:16px}.plans{grid-template-columns:repeat(4,1fr)}.plan{display:flex;flex-direction:column;min-height:350px}.plan.featured{border-color:var(--red);box-shadow:0 0 40px #ef233c15}.price{font-size:35px;font-weight:850;margin:16px 0}.plan ul{padding-left:18px;color:#b8bac2;flex:1}
.builder{display:grid;grid-template-columns:1fr 320px;gap:16px}.builder-main{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span2{grid-column:1/-1}.section-title{margin:0 0 14px;font-size:16px}.platform-select{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.platform-choice{border:1px solid var(--line);padding:13px;border-radius:10px;text-align:center}.platform-choice.active{border-color:var(--red);background:#291017}.sticky{position:sticky;top:88px;height:max-content}.summary-list{display:grid;gap:12px}.summary-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.empty{border:1px dashed #343640;border-radius:14px;padding:40px;text-align:center;color:#8f929a}.toast{position:fixed;right:24px;bottom:24px;background:#fff;color:#111;padding:12px 17px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;z-index:100}.toast.show{transform:none;opacity:1}.toast.error{background:#ef233c;color:#fff}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:52px}.feature-grid,.kpis,.plans{grid-template-columns:repeat(2,1fr)}.project-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.builder{grid-template-columns:1fr}.sticky{position:static}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}}
@media(max-width:760px){.navlinks{display:none}.nav{padding:0 16px}.hero{padding:45px 16px}.hero h1{font-size:42px;letter-spacing:-2px}.feature-grid,.kpis,.plans,.project-grid,.media-grid,.profile-grid,.form-grid{grid-template-columns:1fr}.cta{margin:30px 16px;padding:30px;display:block}.cta .btn{margin-top:20px}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:fixed;inset:auto 0 0;z-index:30;padding:8px;border:0;border-top:1px solid var(--line)}.sidebar .brand,.side-bottom{display:none}.menu{display:flex;overflow:auto}.navitem{min-width:66px;display:grid;justify-items:center;font-size:10px;padding:6px}.navitem:nth-child(n+6){display:none}.workspace{padding-bottom:70px}.topbar{padding:0 14px}.topbar .search{display:none}.main{padding:20px 14px}.page-head{display:block}.page-head .actions{margin-top:14px}.calendar{overflow:auto;grid-template-columns:repeat(7,130px)}.builder{display:block}.hero-art img{transform:none}.social{grid-template-columns:1fr}}
@media(max-width:480px){.nav-actions .primary{display:none}.hero{display:block;min-height:auto}.hero h1{font-size:39px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust{display:grid;gap:8px}.hero-art{margin-top:42px}.platform-strip{padding-top:35px}.brand small{display:none}}


/* Compliance, legal navigation, and first-use guidance */
.supporting-copy{font-size:14px!important;color:#8f929c!important;border-left:2px solid var(--red);padding-left:14px;margin-top:16px}.compliance-features{grid-template-columns:repeat(4,1fr)}.authorized{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0d0e11,#09090b)}.rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}.rights-grid div{padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:#121318;color:#d8dae0}.rights-grid div::first-letter{color:var(--green)}.compliance-notice{padding:14px 16px;border:1px solid #6b4f16;border-radius:12px;background:#211a0b;color:#e8cc82}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:var(--muted);margin:12px 0 0}.footer{display:grid;gap:16px}.footer-brand{color:#fff;font-weight:800}.footer nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer nav a:hover{color:var(--red2)}.legal-gate{position:fixed;inset:0;z-index:200;background:rgba(3,4,6,.86);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.legal-gate-card{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#111216;border:1px solid #443039;border-radius:20px;box-shadow:0 30px 100px #000;padding:30px}.legal-gate-card h2{font-size:30px;margin:8px 0}.legal-gate-card p,.legal-gate-card li{color:#b4b7c0}.legal-gate-card li{margin:9px 0}.legal-gate-card a{color:#ff6877;text-decoration:underline}.legal-check{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:11px;padding:14px;margin:20px 0;background:#17181d;font-weight:700}.legal-check input{margin-top:4px}.legal-gate-card .btn:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(1)}
@media(max-width:900px){.compliance-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.compliance-features,.rights-grid,.faq-grid{grid-template-columns:1fr}.legal-gate-card{padding:22px}.footer nav{display:grid;gap:8px}}