@import url('data:text/css,');
:root{--ink:#0d1828;--ink-2:#15263c;--navy:#071426;--navy-2:#0d2139;--blue:#2e6ee9;--blue-2:#5b8ff1;--cyan:#38b6b0;--paper:#f5f7fa;--white:#fff;--line:#e2e8f0;--muted:#66758a;--green:#138a62;--amber:#a66a12;--red:#b23b4b;--shadow:0 18px 50px rgba(15,35,60,.09);--shadow-sm:0 8px 26px rgba(15,35,60,.07);--radius:22px;--radius-sm:14px;--sans:Inter,Manrope,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,video{max-width:100%}.hidden{display:none!important}.container{width:min(1180px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)}.small{font-size:.86rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--blue)}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.brand{display:flex;align-items:center;gap:11px;font-weight:820;letter-spacing:-.02em}.brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--blue),#224da5);color:#fff;box-shadow:0 8px 20px rgba(46,110,233,.28)}
.btn{border:0;border-radius:12px;padding:11px 17px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--blue),#2459bd);color:#fff;box-shadow:0 9px 24px rgba(46,110,233,.25)}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.success{background:#e7f8f1;color:var(--green)}.btn.danger{background:#fff0f2;color:var(--red)}.btn.ghost{background:transparent;color:inherit}.btn.sm{padding:8px 12px;border-radius:10px;font-size:.84rem}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.topbar{height:74px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:50}.topbar .inner{height:100%;display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:650;color:#35445a}.navlinks a:hover{color:var(--blue)}
.hero{padding:92px 0 82px;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(56,182,176,.16),transparent 29%),radial-gradient(circle at 15% 20%,rgba(46,110,233,.12),transparent 32%),linear-gradient(180deg,#fbfdff,#f5f7fa)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero h1{font-size:clamp(2.8rem,5vw,5.05rem);letter-spacing:-.055em;line-height:1.02;margin:18px 0 24px;max-width:760px}.hero p{font-size:1.16rem;color:#53647a;max-width:680px}.hero-actions{display:flex;gap:12px;margin:32px 0 27px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#526276;font-size:.88rem}.trust-row span:before{content:"✓";margin-right:7px;color:var(--green);font-weight:900}.hero-panel{padding:12px;border:1px solid rgba(255,255,255,.6);border-radius:28px;background:rgba(255,255,255,.7);box-shadow:0 38px 90px rgba(17,47,82,.16);transform:rotate(1deg)}.window{border-radius:19px;overflow:hidden;background:#fff;border:1px solid #dce5ef}.window-head{height:46px;background:#f7f9fc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px}.dot{width:8px;height:8px;border-radius:50%;background:#c7d2df}.window-body{display:grid;grid-template-columns:72px 1fr;min-height:370px}.mini-side{background:var(--navy);padding:28px 19px;display:flex;flex-direction:column;gap:22px}.mini-side i{height:9px;border-radius:9px;background:#30445e}.mini-main{padding:32px}.stat-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.stat-mini>div{padding:17px;background:#f6f8fb;border:1px solid var(--line);border-radius:14px}.chart{height:125px;border-radius:15px;background:linear-gradient(180deg,rgba(46,110,233,.15),transparent),repeating-linear-gradient(90deg,transparent 0 52px,#edf1f6 53px),repeating-linear-gradient(0deg,transparent 0 30px,#edf1f6 31px);position:relative}.chart:after{content:"";position:absolute;inset:30px 15px 22px;background:linear-gradient(135deg,transparent 0 15%,var(--blue) 16% 18%,transparent 19% 36%,var(--cyan) 37% 39%,transparent 40% 58%,var(--blue) 59% 61%,transparent 62%);opacity:.8}
.section{padding:84px 0}.section.white{background:#fff}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h2{font-size:clamp(2rem,3.5vw,3.15rem);letter-spacing:-.04em;line-height:1.08;margin:10px 0 0}.section-head>p{max-width:510px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.card.flat{box-shadow:none}.card.hover{transition:.22s}.card.hover:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.iconbox{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-weight:900}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:21px 24px;border-left:1px solid var(--line)}.metric:first-child{border:0}.metric strong{font-size:2.2rem;letter-spacing:-.04em}.metric span{display:block;color:var(--muted)}.meta{display:flex;gap:7px;flex-wrap:wrap}.price{font-size:1.55rem;font-weight:850;letter-spacing:-.03em;margin:16px 0}.pill,.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;background:#edf3ff;color:#2c5da8}.badge.green{background:#e6f7f0;color:var(--green)}.badge.amber{background:#fff5df;color:var(--amber)}.badge.red{background:#fff0f2;color:var(--red)}.badge.blue{background:#edf3ff;color:#2c5da8}.cta{border-radius:30px;padding:46px;background:radial-gradient(circle at 90%,rgba(56,182,176,.26),transparent 35%),linear-gradient(135deg,#071426,#142d4d);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 35px 70px rgba(7,20,38,.22)}.footer{background:#06111f;color:#c5d0df;padding:58px 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer h4{color:#fff}.footer a{display:block;margin:10px 0;color:#b5c3d5}.profile-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.portrait-card{min-height:430px;background:linear-gradient(145deg,#0a1930,#193d67);color:#fff;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.portrait-card:before{content:"HK";font-size:11rem;font-weight:900;position:absolute;right:-12px;top:-30px;color:rgba(255,255,255,.06)}.quote-card{font-size:1.08rem}.stars{color:#dfa830;letter-spacing:3px}
.detail-hero{padding:70px 0;background:linear-gradient(180deg,#f8fbff,#f3f6fa)}.detail-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.sticky-card{position:sticky;top:95px}.rich{font-size:1.04rem;line-height:1.8}.rich h2,.rich h3{letter-spacing:-.025em}.lesson-row{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.lesson-num{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.legal-links{display:flex;gap:15px;flex-wrap:wrap;font-size:.82rem;color:#8a9aaf}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-art{padding:70px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(56,182,176,.2),transparent 30%),linear-gradient(145deg,#071426,#102b4c);color:#fff}.login-art h1{font-size:clamp(3rem,5vw,5.3rem);line-height:1;letter-spacing:-.055em;margin:20px 0}.login-box{display:grid;place-items:center;padding:35px}.login-card{width:min(450px,100%)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#071426,#0c2038);color:#d8e3f2;padding:26px 18px;z-index:70}.sidebar .brand{padding:0 8px;color:#fff}.side-user{margin:27px 7px 19px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04);display:flex;flex-direction:column}.side-user span{color:#91a5bf}.side-nav{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 190px);overflow:auto}.side-nav button{border:0;background:transparent;color:#aebed2;text-align:left;padding:10px 12px;border-radius:11px;font-weight:650;display:flex;gap:11px;align-items:center}.side-nav button:hover,.side-nav button.active{background:rgba(91,143,241,.15);color:#fff}.side-nav button span{width:24px;text-align:center}.app-main{grid-column:2;padding:0 28px 45px;min-width:0}.app-top{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,247,250,.91);backdrop-filter:blur(13px);z-index:30}.page{padding-top:30px;max-width:1500px;margin:auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title h1{font-size:2rem;letter-spacing:-.04em;margin:0}.page-title p{margin:5px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#edf3ff;right:-22px;top:-22px}.stat .label{font-size:.82rem;color:var(--muted);font-weight:750}.stat .value{font-size:2rem;font-weight:900;letter-spacing:-.04em;margin-top:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.list{display:flex;flex-direction:column;gap:9px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf1f5;vertical-align:middle}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#748398;background:#f8fafc}.table tr:last-child td{border-bottom:0}.input{width:100%;border:1px solid #dbe3ec;background:#fff;border-radius:12px;padding:11px 13px;outline:none;transition:.18s}.input:focus{border-color:#76a0ed;box-shadow:0 0 0 4px rgba(46,110,233,.1)}textarea.input{min-height:110px;resize:vertical}.field label{display:block;font-size:.79rem;font-weight:800;margin-bottom:6px;color:#435269}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field.full{grid-column:1/-1}.tabs{display:flex;gap:5px;padding:5px;background:#e9eef5;border-radius:13px;width:max-content;max-width:100%;overflow:auto;margin-bottom:20px}.tabs button{border:0;background:transparent;padding:8px 13px;border-radius:9px;font-weight:750;color:#65758b;white-space:nowrap}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(15,35,60,.08)}.progress{height:7px;background:#e9eef4;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:20px}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed #cfd9e5;border-radius:14px;background:#fbfcfe}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#dfe6ee;border:1px solid #dfe6ee;border-radius:18px;overflow:hidden}.calendar-head{background:#f5f7fa;padding:10px;text-align:center;font-size:.75rem;font-weight:800;color:#6d7d91}.calendar-day{min-height:125px;background:#fff;padding:9px;position:relative}.calendar-day.other{background:#f9fafc;color:#a6b1bf}.calendar-day.today:before{content:"";position:absolute;inset:3px;border:2px solid rgba(46,110,233,.25);border-radius:12px;pointer-events:none}.day-num{font-size:.79rem;font-weight:800}.event{display:block;margin-top:5px;padding:5px 7px;border-radius:7px;font-size:.7rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#edf3ff;color:#275ba9}.event.appointment{background:#e7f8f1;color:#147456}.event.analysis{background:#fff3dc;color:#925d10}.timeline{border-left:2px solid #dce5ef;padding-left:22px}.timeline-item{position:relative;margin-bottom:22px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);left:-28px;top:7px;box-shadow:0 0 0 5px #edf3ff}.searchbar{display:flex;gap:10px;margin-bottom:17px}.searchbar .input{max-width:380px}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,15,28,.57);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:120}.modal{background:#fff;width:min(780px,100%);max-height:92vh;overflow:auto;border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.22)}.modal-head,.modal-foot{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-foot{border:0;border-top:1px solid var(--line);justify-content:flex-end}.modal-body{padding:22px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:180;display:flex;flex-direction:column;gap:8px}.toast{background:#10243d;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);max-width:350px}.toast.error{background:#8e2938}.skeleton{height:18px;border-radius:8px;background:linear-gradient(90deg,#edf1f5,#f8fafc,#edf1f5);background-size:200% 100%;animation:pulse 1.4s infinite}@keyframes pulse{to{background-position:-200% 0}}
.room-page{background:#06111f;color:#fff}.waiting-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,rgba(46,110,233,.18),transparent 32%),#06111f}.waiting-card{width:min(850px,100%);padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(12,31,53,.88);box-shadow:0 35px 90px rgba(0,0,0,.35)}.device-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.device-preview{min-height:280px;background:#020810;border-radius:17px;overflow:hidden;display:grid;place-items:center}.device-preview video{width:100%;height:100%;object-fit:cover}.room-head{height:70px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);background:#071426}.signal{font-size:.8rem;color:#9eb0c6}.signal i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38c993;margin-right:6px;box-shadow:0 0 0 5px rgba(56,201,147,.11)}.room-layout{height:calc(100vh - 70px);display:grid;grid-template-columns:1fr 370px}.stage{display:flex;flex-direction:column;min-width:0}.video-stage{flex:1;position:relative;background:#020810;display:grid;place-items:center;overflow:hidden}.video-stage>video{width:100%;height:100%;object-fit:contain}.teacher-cam{position:absolute;width:190px;height:120px;right:17px;bottom:17px;background:#0e2036;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden}.teacher-cam video{width:100%;height:100%;object-fit:cover}.room-controls{height:72px;display:flex;justify-content:center;align-items:center;gap:8px;background:#071426;border-top:1px solid rgba(255,255,255,.1)}.control{border:1px solid rgba(255,255,255,.13);background:#10243d;color:#dce7f4;border-radius:12px;padding:10px 14px;font-weight:700}.control.active{background:#285aa7}.control.danger{background:#812b39}.room-side{background:#0b1b30;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-width:0}.room-tabs{display:flex;overflow:auto;border-bottom:1px solid rgba(255,255,255,.1)}.room-tabs button{border:0;background:transparent;color:#8fa2ba;padding:14px 12px;font-size:.77rem;font-weight:800}.room-tabs button.active{color:#fff;border-bottom:2px solid #5d91ee}.room-panel{flex:1;padding:15px;overflow:auto}.chat-compose{padding:12px;display:flex;gap:8px;border-top:1px solid rgba(255,255,255,.1)}.chat-compose input{flex:1;background:#10243d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:10px}.chat-message{background:#11263f;padding:10px 12px;border-radius:11px;margin-bottom:8px}.chat-message strong{display:block;margin-bottom:3px}.remote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;position:absolute;left:10px;right:230px;bottom:10px;pointer-events:none}.remote-tile{height:120px;border-radius:12px;overflow:hidden;background:#111c2d;border:1px solid rgba(255,255,255,.13)}.remote-tile video{width:100%;height:100%;object-fit:cover}
@media(max-width:1050px){.hero-grid,.profile-shell,.detail-grid,.split,.login-screen{grid-template-columns:1fr}.hero-panel{max-width:680px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.login-art{display:none}.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.app-main{grid-column:1;padding:0 17px 35px}.stats{grid-template-columns:repeat(2,1fr)}.room-layout{grid-template-columns:1fr}.room-side{position:absolute;right:0;top:70px;bottom:0;width:min(370px,90vw);z-index:20}.sticky-card{position:static}}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.navlinks{display:none}.hero{padding:58px 0}.hero h1{font-size:2.75rem}.hero-grid{gap:35px}.window-body{grid-template-columns:55px 1fr}.mini-main{padding:20px}.section{padding:60px 0}.section-head,.cta,.page-title{align-items:flex-start;flex-direction:column}.grid-2,.grid-3,.grid-4,.metric-row,.stats,.form-grid,.device-grid{grid-template-columns:1fr}.metric{border-left:0;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.calendar-day{min-height:90px;padding:5px}.event{font-size:.61rem}.room-head{height:auto;min-height:70px;padding:10px;flex-wrap:wrap}.room-layout{height:calc(100vh - 88px)}.room-side{top:88px}.room-controls{overflow:auto;justify-content:flex-start;padding:0 8px}.teacher-cam{width:125px;height:82px}.remote-grid{right:145px}.app-top{height:64px}.topbar{height:66px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}

/* Certificate */
.certificate-page{min-height:100vh;background:radial-gradient(circle at top left,#e8eef9 0,#f6f8fc 42%,#eef2f8 100%);padding:44px 16px}
.certificate-sheet{width:min(1020px,100%);min-height:680px;margin:0 auto;background:#fff;border:12px solid #0b1930;padding:64px;text-align:center;box-shadow:0 30px 80px rgba(11,25,48,.18);position:relative;display:grid;place-items:center}
.certificate-sheet:before{content:"";position:absolute;inset:14px;border:1px solid #b7904c;pointer-events:none}
.certificate-inner{position:relative;z-index:1;width:min(780px,100%)}
.certificate-sheet h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;color:#0b1930;margin:18px 0 28px}
.certificate-name{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;color:#1d4ed8;margin:24px 0;letter-spacing:-.035em}
.certificate-seal{width:108px;height:108px;border-radius:50%;margin:30px auto;display:grid;place-items:center;background:#0b1930;color:#fff;font-weight:900;box-shadow:inset 0 0 0 8px #fff,inset 0 0 0 10px #b7904c}
.certificate-error{position:relative;z-index:1}
@media print{.certificate-page{padding:0;background:#fff}.certificate-sheet{width:100%;min-height:100vh;border-width:10px;box-shadow:none}.certificate-sheet .btn{display:none}}
@media (max-width:680px){.certificate-sheet{padding:42px 24px;min-height:600px;border-width:8px}}

/* ===== Premium Message & Recording Edition ===== */
:root{--premium-gold:#d6ad62;--premium-ice:#dfeaff;--premium-deep:#030b16;--premium-surface:#f8fafc;--premium-violet:#7558f6}
body{background:radial-gradient(circle at 100% 0,rgba(46,110,233,.05),transparent 28%),var(--paper)}
.premium-topbar{background:rgba(4,13,25,.76);border-bottom-color:rgba(255,255,255,.09);color:#fff}.premium-topbar .navlinks{color:#b7c6d9}.premium-topbar .navlinks a:hover{color:#fff}.premium-topbar .btn.light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.premium-topbar .btn.dark{background:#fff;color:#06111f}
.cinematic-hero{position:relative;min-height:calc(100vh - 74px);display:grid;align-items:center;overflow:hidden;background:#030b16;color:#fff;padding:92px 0 78px}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.9) contrast(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,22,.98) 0,rgba(3,11,22,.88) 44%,rgba(3,11,22,.42) 100%),linear-gradient(0deg,#030b16 0,transparent 30%)}.hero-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.orb{position:absolute;border-radius:50%;filter:blur(4px);animation:orbFloat 8s ease-in-out infinite}.orb-a{width:420px;height:420px;right:-110px;top:4%;background:radial-gradient(circle,rgba(70,128,244,.25),transparent 65%)}.orb-b{width:320px;height:320px;left:40%;bottom:-140px;background:radial-gradient(circle,rgba(56,182,176,.19),transparent 65%);animation-delay:-3s}@keyframes orbFloat{50%{transform:translate3d(0,-28px,0) scale(1.06)}}.cinematic-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center}.hero-copy h1{font-size:clamp(3.4rem,6vw,6.6rem);max-width:850px;line-height:.94;letter-spacing:-.065em;margin:23px 0 26px}.hero-copy>p{font-size:1.17rem;max-width:660px;color:#b7c6d9}.light-eye{color:#8fb7ff}.btn.glass,.btn.glass-dark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(12px)}.btn.glass-dark{background:#f4f7fb;color:#132236;border-color:#dce4ed}.btn.glow{box-shadow:0 0 0 1px rgba(117,164,255,.25),0 18px 50px rgba(46,110,233,.35)}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.hero-proof span{padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);color:#cad5e3;font-size:.79rem}.hero-proof i{display:block;color:#6d9df3;font-style:normal;font-weight:900;margin-bottom:4px}.hero-visual{perspective:1200px}.data-stage{position:relative;min-height:510px;border:1px solid rgba(255,255,255,.13);border-radius:36px;background:linear-gradient(145deg,rgba(24,49,79,.72),rgba(5,17,32,.82));box-shadow:0 45px 120px rgba(0,0,0,.45);backdrop-filter:blur(18px);transform:rotateY(-6deg) rotateX(2deg);overflow:hidden}.data-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(83,143,255,.25),transparent 30%)}.data-stage>img{position:absolute;inset:7% 5%;width:90%;height:86%;object-fit:contain;opacity:.82}.floating-panel,.floating-metric{position:absolute;z-index:3;background:rgba(7,20,38,.9);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 45px rgba(0,0,0,.35);backdrop-filter:blur(15px);animation:panelFloat 5s ease-in-out infinite}.floating-panel{padding:16px 18px;border-radius:17px;display:flex;gap:12px;align-items:center}.floating-panel small,.floating-metric span{display:block;color:#91a6bf}.panel-one{left:-28px;top:75px}.panel-two{right:-25px;bottom:92px;display:block;animation-delay:-2s}.floating-metric{right:24px;top:32px;padding:16px 20px;border-radius:18px}.floating-metric strong{font-size:2rem;display:block}.live-dot{width:10px;height:10px;border-radius:50%;background:#43d79f;box-shadow:0 0 0 8px rgba(67,215,159,.12)}@keyframes panelFloat{50%{transform:translateY(-12px)}}.scroll-cue{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#8397ae}.scroll-cue span{display:block;text-align:center;font-size:1rem;animation:scrollBounce 1.5s infinite}@keyframes scrollBounce{50%{transform:translateY(6px)}}
.signal-strip{background:#030b16;color:#758ba5;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.signal-grid{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.premium-section{background:radial-gradient(circle at 15% 30%,rgba(46,110,233,.06),transparent 30%),#f4f7fb}.experience-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.experience-main{min-height:600px;border-radius:32px;overflow:hidden;box-shadow:0 35px 90px rgba(18,45,78,.15)}.experience-video{height:100%;position:relative;background:#05101f}.experience-video video{width:100%;height:100%;object-fit:cover;opacity:.48}.experience-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,27,.95),transparent 68%)}.experience-screen{position:absolute;z-index:3;left:38px;right:38px;bottom:38px;color:#fff}.experience-screen h3{font-size:2.25rem;max-width:640px;letter-spacing:-.045em;margin:12px 0}.experience-screen p{color:#b9c7d8;max-width:570px}.experience-stack{display:grid;gap:16px}.feature-luxe{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:26px;border:1px solid #dfe6ef;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(15,35,60,.06);transition:.3s}.feature-luxe:hover{transform:translateX(8px);border-color:#aec7f2;box-shadow:0 22px 55px rgba(15,35,60,.1)}.feature-index{font-size:2rem;color:#9bb7e9;font-weight:900}.feature-luxe h3{font-size:1.35rem;margin:2px 0 8px}.feature-luxe p{color:#65758a;margin:0 0 10px}.feature-luxe a{color:var(--blue);font-weight:800;font-size:.88rem}.premium-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.premium-course-card{border:1px solid #dfe6ef;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(15,35,60,.08);transition:.3s}.premium-course-card:hover{transform:translateY(-8px);box-shadow:0 30px 75px rgba(15,35,60,.15)}.course-cover{height:190px;background:radial-gradient(circle at 80% 20%,rgba(90,151,255,.5),transparent 30%),linear-gradient(145deg,#071426,#193c66);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.course-cover:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-55px;top:-55px;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.02)}.course-cover>span{font-size:1.45rem;font-weight:900;position:relative;z-index:2}.course-cover>i{font-style:normal;color:#9fb4ce;font-size:.8rem;position:relative;z-index:2}.course-no{position:absolute;left:22px;top:18px;font-size:3.8rem;font-weight:950;color:rgba(255,255,255,.08)}.course-content{padding:25px}.course-content h3{font-size:1.4rem;letter-spacing:-.03em}.course-content p{color:#65758a}.course-detail-line{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:12px 0;margin:17px 0;font-size:.8rem;font-weight:700}.private-price{display:flex;gap:12px;background:#f0f5ff;border:1px solid #dae6fb;border-radius:15px;padding:12px;margin-bottom:17px}.private-price>span{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center}.private-price small{display:block;color:#62758e}.academy-section{background:radial-gradient(circle at 80% 20%,rgba(56,182,176,.14),transparent 30%),linear-gradient(145deg,#030b16,#0c2039)}.academy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portrait-luxe{min-height:620px;position:relative;border-radius:36px;overflow:hidden;background:#10243d;border:1px solid rgba(255,255,255,.12)}.portrait-luxe>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.85)}.portrait-luxe:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06111f 0,transparent 55%)}.portrait-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(72,139,255,.32);filter:blur(60px);right:-80px;top:40px}.portrait-caption{position:absolute;z-index:3;left:32px;right:32px;bottom:30px}.portrait-caption h2{font-size:2.4rem;margin:8px 0}.portrait-caption p{color:#9eb0c7}.academy-copy h2{font-size:clamp(2.6rem,4vw,4.5rem);letter-spacing:-.055em;line-height:1.04}.academy-copy>p{color:#adbed2}.academy-links{display:flex;gap:18px;margin:27px 0}.academy-links a{color:#8db5ff;font-weight:750}.academy-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.academy-numbers span{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#aebed2}.academy-numbers b{display:block;font-size:1.8rem;color:#fff}.publication-luxe-grid{display:grid;gap:12px}.publication-luxe{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid #dfe6ef}.publication-luxe>span{font-size:2.2rem;font-weight:950;color:#a9bee2}.publication-luxe small{color:#6c7d92}.publication-luxe h3{font-size:1.25rem;margin:5px 0}.publication-luxe a,.blog-luxe a{font-size:.85rem;font-weight:800;color:var(--blue)}.testimonial-luxe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-luxe{padding:27px;border:1px solid #e0e6ee;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(15,35,60,.06)}.quote-mark{font:900 4rem Georgia;color:#b8cbee;height:42px}.testimonial-luxe p{font-size:1.05rem;min-height:100px}.testimonial-luxe small{display:block;color:#7c8ba0;margin-top:4px}.blog-luxe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-luxe{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:25px;border-radius:24px;background:#fff;border:1px solid #e0e6ee;transition:.3s}.blog-luxe:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(15,35,60,.1)}.blog-index{font-size:1.6rem;font-weight:950;color:#b3c6e7}.premium-cta{padding:50px;border-radius:34px;background:radial-gradient(circle at 88% 25%,rgba(77,146,255,.35),transparent 28%),linear-gradient(135deg,#030b16,#102947);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 35px 90px rgba(6,17,31,.25)}.premium-cta h2{font-size:clamp(2.2rem,4vw,3.6rem);max-width:780px;letter-spacing:-.05em;line-height:1.04;margin:12px 0}.premium-cta p{color:#adbed2}.premium-footer{background:#020811}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;transition-delay:var(--delay,0s)}.reveal.visible{opacity:1;transform:none}.delay-1{--delay:.12s}.delay-2{--delay:.22s}.delay-3{--delay:.32s}
.course-detail-hero{position:relative;overflow:hidden;padding:92px 0;background:radial-gradient(circle at 80% 15%,rgba(65,130,242,.23),transparent 28%),linear-gradient(145deg,#030b16,#102947);color:#fff}.course-detail-hero h1{font-size:clamp(3rem,5.5vw,5.8rem);line-height:.98;letter-spacing:-.06em;margin:20px 0}.course-detail-hero p{color:#b4c3d6;font-size:1.12rem}.detail-orb{position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-120px;bottom:-190px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.015)}.application-luxe{background:rgba(255,255,255,.97);color:#112137;border-radius:28px;padding:28px;box-shadow:0 35px 80px rgba(0,0,0,.28);position:relative;z-index:2}.application-luxe h3{font-size:1.65rem;letter-spacing:-.035em}.application-luxe p{color:#687a91;font-size:.93rem}.application-luxe textarea{margin:12px 0}.consent{display:block;margin:13px 0}.lesson-luxe-list{display:grid;gap:10px}.lesson-luxe{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:18px;border:1px solid #e1e7ef;border-radius:17px}.lesson-luxe>span{font-size:1.65rem;font-weight:950;color:#a9bee2}.lesson-luxe small{display:block;color:#738398;margin-top:5px}.platform-benefits{position:sticky;top:95px}.platform-benefits h3{font-size:1.55rem}.benefit-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1f5}.benefit-row span{color:var(--green);font-weight:900}
/* Premium application shell */
.sidebar{background:radial-gradient(circle at 0 0,rgba(68,125,228,.2),transparent 28%),linear-gradient(180deg,#030b16,#0a1b31)}.side-nav button{position:relative;overflow:hidden}.side-nav button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(88,147,247,.13),transparent);opacity:0;transition:.2s}.side-nav button:hover:after,.side-nav button.active:after{opacity:1}.app-main{background:radial-gradient(circle at 100% 0,rgba(52,117,231,.07),transparent 24%),#f3f6fa}.app-top{background:rgba(243,246,250,.82)}.premium-welcome,.student-focus{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(83,148,255,.34),transparent 26%),linear-gradient(135deg,#06111f,#132e50);color:#fff;margin-bottom:20px;box-shadow:0 28px 65px rgba(7,20,38,.19)}.premium-welcome:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-60px;bottom:-130px;box-shadow:0 0 0 42px rgba(255,255,255,.025)}.premium-welcome h2,.student-focus h2{font-size:2rem;letter-spacing:-.045em;margin:8px 0}.premium-welcome p,.student-focus p{color:#b9c8d9}.orbit-stat{position:relative;z-index:2;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 14px rgba(255,255,255,.025)}.orbit-stat b{font-size:2.6rem;display:block}.orbit-stat span{font-size:.72rem;color:#aebed2}.student-focus>img{width:320px;max-height:190px}.premium-stats .stat{position:relative;overflow:hidden}.premium-stats .stat:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:rgba(46,110,233,.08)}.premium-card{box-shadow:0 15px 45px rgba(15,35,60,.07)}.card-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:.68rem;font-weight:850}.message-preview{width:100%;border:0;border-bottom:1px solid #e7ecf2;background:transparent;padding:12px 4px;display:flex;justify-content:space-between;text-align:left}.message-preview span{display:flex;flex-direction:column}.message-preview small{color:#77879b}.message-preview i{width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-style:normal;font-size:.72rem}.course-progress{margin:16px 0}.course-progress>div:first-child{display:flex;justify-content:space-between}.course-progress small{color:#75859a}.recording-mini{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf1f5}.recording-mini small{display:block;color:#7a899c}.play-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:var(--blue)}
.messages-shell{display:grid;grid-template-columns:340px 1fr;min-height:690px;background:#fff;border:1px solid #dfe6ef;border-radius:25px;overflow:hidden;box-shadow:0 22px 65px rgba(15,35,60,.08)}.conversation-list{border-right:1px solid #e4e9f0;background:#f8fafc;overflow:auto}.conversation-list-head{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #e4e9f0}.conversation-list-head span{background:#e8eef7;border-radius:999px;padding:3px 9px;font-size:.75rem}.conversation-row{width:100%;border:0;border-bottom:1px solid #e8edf3;background:transparent;padding:15px;display:grid;grid-template-columns:43px 1fr auto;gap:11px;text-align:left;align-items:start;transition:.2s}.conversation-row:hover,.conversation-row.active{background:#fff}.avatar-ring{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#2768dc,#37aaa6);color:#fff;display:grid;place-items:center;font-weight:900}.conversation-copy{min-width:0}.conversation-copy b,.conversation-copy small,.conversation-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy small{font-size:.73rem;color:#63758c}.conversation-copy em{font-style:normal;font-size:.77rem;color:#94a1b1;margin-top:4px}.conversation-row>i{font-style:normal;background:var(--blue);color:#fff;border-radius:999px;padding:3px 7px;font-size:.68rem}.conversation-thread{display:flex;flex-direction:column;min-width:0}.thread-head{padding:20px 22px;border-bottom:1px solid #e4e9f0;display:flex;justify-content:space-between;align-items:center}.thread-head h3{margin:5px 0}.thread-head p{margin:0;color:#7a899c;font-size:.83rem}.message-stream{flex:1;min-height:500px;max-height:600px;overflow:auto;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(46,110,233,.05),transparent 25%),#f7f9fc}.bubble{max-width:72%;margin:0 auto 14px 0;background:#fff;border:1px solid #e0e7ef;border-radius:6px 18px 18px 18px;padding:13px 15px;box-shadow:0 7px 18px rgba(15,35,60,.05)}.bubble.mine{margin-left:auto;margin-right:0;background:#e9f1ff;border-color:#cfe0fb;border-radius:18px 6px 18px 18px}.iban-bubble{background:linear-gradient(145deg,#071426,#16395f)!important;color:#fff;border:0!important}.iban-bubble .bubble-meta span{color:#a6b9cf}.bubble-meta{display:flex;justify-content:space-between;gap:20px;font-size:.71rem;margin-bottom:5px}.bubble-meta span{color:#8b99aa}.bubble-body{white-space:normal}.attachment{display:flex;gap:10px;margin-top:10px;padding:10px;border-radius:11px;background:rgba(255,255,255,.65);border:1px solid rgba(100,125,155,.18)}.attachment>span:first-child{font-size:1.4rem}.attachment small{display:block}.message-compose{padding:15px;border-top:1px solid #e4e9f0;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:end}.message-compose textarea{min-height:45px;max-height:120px;border:1px solid #dbe3ec;border-radius:13px;padding:11px;resize:vertical}.file-chip{width:42px;height:42px;border-radius:12px;background:#edf3fb;display:grid;place-items:center;font-size:1.35rem;cursor:pointer}.conversation-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#7c8da2;padding:30px}.conversation-empty>span{font-size:3rem}.btn.iban{background:linear-gradient(135deg,#183e69,#0b2039);color:#fff}
.recording-admin-grid,.recording-student-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recording-card,.watch-card{border:1px solid #dfe6ef;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 15px 45px rgba(15,35,60,.07)}.recording-cover,.watch-visual{height:190px;background:radial-gradient(circle at 70% 20%,rgba(78,144,255,.45),transparent 27%),linear-gradient(145deg,#030b16,#173a63);color:#fff;display:grid;place-items:center;position:relative;overflow:hidden}.recording-cover>span,.play-large{font-size:2.1rem;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.recording-cover small{position:absolute;right:14px;top:14px;border-radius:999px;padding:6px 10px;background:rgba(0,0,0,.3)}.recording-info,.watch-card>div:last-child{padding:22px}.recording-info h3,.watch-card h3{letter-spacing:-.03em}.recording-info p,.watch-card p{color:#6f8095}.watermark-preview{position:absolute;transform:rotate(-20deg);color:rgba(255,255,255,.17);font-weight:900;letter-spacing:.12em}.expiry{padding:11px;border-radius:12px;background:#f1f5fb;margin:14px 0;color:#68798f;font-size:.8rem}.student-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:250px;overflow:auto;padding:10px;border:1px solid #e0e7ef;border-radius:13px}.student-checks label{padding:9px;border-radius:9px;background:#f7f9fc}.student-checks small{color:#8493a5}.notice{padding:13px 15px;border-radius:13px;background:#edf4ff;border:1px solid #d4e3fb;color:#375c8d}.notice.amber{background:#fff7e9;border-color:#f3dfb7;color:#7e5a17}
.course-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-premium-card{border:1px solid #dde5ee;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 15px 45px rgba(15,35,60,.07);transition:.25s}.course-premium-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(15,35,60,.12)}.course-art{height:145px;padding:20px;background:radial-gradient(circle at 80% 20%,rgba(89,151,255,.42),transparent 29%),linear-gradient(145deg,#06111f,#183b64);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.course-art span{font-weight:950;font-size:1.35rem}.course-art i{font-style:normal;color:#a8b9cd;font-size:.78rem}.course-body{padding:22px}.course-body h3{font-size:1.35rem;letter-spacing:-.03em}.course-body p{color:#68798f}.course-dates{font-size:.78rem;color:#7b8b9e;margin:12px 0}.course-command{padding:30px;border-radius:26px;background:radial-gradient(circle at 85% 15%,rgba(67,136,255,.32),transparent 25%),linear-gradient(135deg,#06111f,#14375f);color:#fff;display:flex;justify-content:space-between;gap:25px;margin-bottom:20px}.course-command h2{font-size:2.2rem;margin:8px 0}.course-command p{color:#b1c1d4}.course-command-stats{display:grid;grid-template-columns:repeat(2,110px);gap:10px}.course-command-stats span{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#aebed2}.course-command-stats b{display:block;color:#fff;font-size:1.7rem}.lesson-timeline{display:grid;gap:10px}.lesson-timeline article{display:grid;grid-template-columns:46px 1fr auto;gap:15px;align-items:center;padding:16px;background:#fff;border:1px solid #e0e7ef;border-radius:16px}.lesson-timeline article>span{width:42px;height:42px;border-radius:13px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.lesson-timeline p{margin:4px 0 0;color:#7b8b9e;font-size:.82rem}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.file-card{display:grid;grid-template-columns:55px 1fr;gap:13px;padding:15px;border:1px solid #e0e7ef;border-radius:16px;background:#fff}.file-icon{width:55px;height:55px;border-radius:14px;background:#edf3ff;color:#2c5da8;display:grid;place-items:center;font-size:.68rem;font-weight:950}.file-card small{display:block;color:#8190a2;margin:4px 0 10px}.preview-frame{width:100%;height:65vh;border:0;border-radius:12px}.text-preview{max-height:65vh;overflow:auto;white-space:pre-wrap;background:#071426;color:#d9e6f5;padding:18px;border-radius:13px}.application-grid,.analysis-board,.appointment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.application-card,.analysis-card,.appointment-card{padding:22px;border:1px solid #e0e7ef;border-radius:21px;background:#fff;box-shadow:0 12px 35px rgba(15,35,60,.05)}.application-card h3,.analysis-card h3,.appointment-card h3{font-size:1.3rem;letter-spacing:-.03em}.application-card p,.analysis-card p,.appointment-card p{color:#718197}.analysis-status{float:right}.analysis-meta{display:flex;gap:15px;color:#8492a4;font-size:.78rem;margin:14px 0}.appointment-card{display:grid;grid-template-columns:90px 1fr;gap:20px}.appointment-time{border-right:1px solid #e0e7ef;display:flex;flex-direction:column;justify-content:center}.appointment-time b{font-size:1.25rem}.appointment-time span{color:#77879b}.settings-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.media-settings{display:grid;gap:15px}.siteMediaForm{display:grid;gap:10px;margin-top:14px}.iban-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}
@media(max-width:1050px){.cinematic-grid,.experience-grid,.academy-grid,.messages-shell,.settings-layout{grid-template-columns:1fr}.hero-visual{max-width:720px}.experience-main{min-height:480px}.premium-course-grid,.recording-admin-grid,.recording-student-grid,.course-premium-grid{grid-template-columns:repeat(2,1fr)}.conversation-list{max-height:300px;border-right:0;border-bottom:1px solid #e4e9f0}.course-command{flex-direction:column}.testimonial-luxe-grid,.blog-luxe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cinematic-hero{min-height:auto;padding:75px 0}.hero-copy h1{font-size:3rem}.hero-proof,.premium-course-grid,.recording-admin-grid,.recording-student-grid,.course-premium-grid,.testimonial-luxe-grid,.blog-luxe-grid,.application-grid,.analysis-board,.appointment-grid,.file-grid,.student-checks{grid-template-columns:1fr}.data-stage{min-height:390px}.floating-panel{position:absolute;max-width:245px}.panel-one{left:8px}.panel-two{right:8px}.signal-grid{justify-content:flex-start;overflow-x:auto}.experience-main{min-height:440px}.experience-screen{left:22px;right:22px;bottom:22px}.experience-screen h3{font-size:1.75rem}.academy-grid{gap:35px}.portrait-luxe{min-height:500px}.academy-numbers{grid-template-columns:1fr}.premium-cta{flex-direction:column;align-items:flex-start}.message-stream{min-height:420px}.bubble{max-width:90%}.message-compose{grid-template-columns:38px 1fr}.message-compose .btn{grid-column:2}.course-command-stats{grid-template-columns:repeat(2,1fr)}.lesson-timeline article{grid-template-columns:42px 1fr}.lesson-timeline .actions{grid-column:2}.appointment-card{grid-template-columns:1fr}.appointment-time{border-right:0;border-bottom:1px solid #e0e7ef;padding-bottom:10px}.hero-proof{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Secure recording player */
.secure-recording-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(60,126,238,.16),transparent 30%),#030b16;color:#fff;user-select:none}.recording-top{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(3,11,22,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand-inverse{color:#fff}.recording-expiry{display:inline-flex;margin-right:12px;padding:7px 11px;border-radius:999px;background:rgba(78,145,255,.16);border:1px solid rgba(105,161,255,.22);color:#a9c7ff;font-size:.78rem;font-weight:800}.ghost-light{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#fff}.recording-shell{width:min(1420px,calc(100% - 36px));margin:0 auto;padding:32px 0 60px}.recording-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:20px}.recording-heading h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.05em;margin:8px 0}.recording-heading p{color:#9eb0c7}.recording-policy{max-width:330px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.04)}.recording-policy b,.recording-policy span{display:block}.recording-policy span{font-size:.78rem;color:#95a8c0;margin-top:4px}.secure-player{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.45)}.secure-player video{width:100%;height:calc(100% - 64px);object-fit:contain;background:#000}.custom-video-controls{position:absolute;left:0;right:0;bottom:0;height:64px;padding:0 16px;display:grid;grid-template-columns:44px 55px 1fr 55px 65px;gap:9px;align-items:center;background:linear-gradient(0deg,rgba(2,8,17,.98),rgba(4,13,25,.86));z-index:8}.player-btn{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#11253f;color:#fff;padding:8px}.custom-video-controls input{accent-color:#578ff0}.dynamic-watermark{position:absolute;z-index:5;padding:7px 10px;border-radius:8px;color:rgba(255,255,255,.28);font-size:.7rem;font-weight:850;letter-spacing:.05em;pointer-events:none;transition:1s}.watermark-grid{position:absolute;inset:0 0 64px;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none;transform:rotate(-16deg) scale(1.15);opacity:.08}.watermark-grid span{display:grid;place-items:center;font-size:.66rem;font-weight:900;color:#fff}.capture-shield{position:absolute;inset:0 0 64px;z-index:12;background:rgba(2,8,17,.94);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.2s}.capture-shield.show{opacity:1;visibility:visible}.capture-shield>div{text-align:center}.capture-shield b,.capture-shield span{display:block}.capture-shield b{font-size:1.8rem}.capture-shield span{color:#9eb0c7}.recording-notice{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;margin-top:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.recording-notice p{margin:5px 0 0;color:#94a8c0}.secure-chip{white-space:nowrap;padding:9px 13px;border-radius:999px;background:#163b64;color:#b9d2ff;font-weight:850}.recording-loading,.recording-error{min-height:70vh;display:grid;place-items:center;text-align:center}.recording-error{align-content:center}.recording-error p{color:#aebed2}
@media(max-width:700px){.recording-top{padding:0 12px}.recording-top .brand span:last-child{display:none}.recording-heading{align-items:flex-start;flex-direction:column}.recording-policy{max-width:none;width:100%}.recording-shell{width:min(100% - 18px,1420px);padding-top:18px}.secure-player{border-radius:15px}.custom-video-controls{grid-template-columns:38px 45px 1fr 45px}.custom-video-controls #muteBtn{display:none}.recording-notice{align-items:flex-start;flex-direction:column}.watermark-grid{grid-template-columns:repeat(2,1fr)}}