@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--brand:#6558f5;--brand-2:#8378ff;--accent:#19b99a;--ink:#172033;--muted:#667085;--line:#e7eaf0;--bg:#f5f7fb;--card:#fff;--nav:#111827;--nav-soft:#1d2939;--shadow:0 1px 2px rgba(16,24,40,.04),0 10px 32px rgba(16,24,40,.06);--shadow-lg:0 24px 64px rgba(16,24,40,.16);--radius:18px}
body{font-family:Manrope,Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:-.01em}.shell{grid-template-columns:272px minmax(0,1fr)}aside{width:272px;padding:0 18px 18px;background:linear-gradient(180deg,#111827 0%,#151d2e 100%);border-right:1px solid #ffffff0d}.aside-top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--brand-2),var(--brand));box-shadow:0 8px 22px #6558f55c;color:white;font-size:11px;font-weight:800}.menu-close{display:none;background:#ffffff12;color:#fff;padding:4px 10px;font-size:22px}.nav-label{padding:16px 12px 8px;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}aside nav{gap:5px;margin:0;overflow-y:auto}aside nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:45px;padding:9px 12px;border-radius:12px;color:#9ca8ba;font-size:13px;font-weight:600;transition:.16s ease}aside nav a:hover{background:#ffffff0a;color:#f5f7ff;transform:translateX(2px)}aside nav a.active{background:linear-gradient(90deg,#6558f526,#6558f510);color:#fff;box-shadow:inset 0 0 0 1px #867cff24}aside nav a.active:before{content:"";position:absolute;left:-18px;width:3px;height:24px;background:#8378ff;border-radius:0 4px 4px 0}.nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff08;color:#aab4c4;font-size:14px}aside nav a.active .nav-icon{background:#6558f52b;color:#a9a1ff}.aside-user{margin-top:auto;padding:13px 10px 0;border-top:1px solid #ffffff12;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px}.aside-user strong{display:block;color:#f7f8fb;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aside-user small{display:block;color:#7f8a9d;font-size:10px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#dcd9ff,#b8b1ff);color:#4035bc;font-size:11px;font-weight:800}.logout{display:grid;place-items:center;color:#8e99aa;font-size:17px}.nav-backdrop{display:none}
header{height:82px;padding:0 clamp(18px,3vw,42px);justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}header .menu{margin:0}.header-context{display:grid}.header-context small{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#98a2b3;font-weight:800}.header-context strong{font-size:14px}.header-user{margin-left:auto;display:flex;align-items:center;gap:10px}.header-user>div{display:grid;text-align:right}.header-user strong{font-size:12px}.header-user small{font-size:10px}.small-avatar{width:38px;height:38px}.status-dot{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #12b76a16}.content{padding:clamp(20px,3vw,42px);max-width:1560px}.page-title{margin-bottom:24px}.page-title h1{font-size:clamp(25px,3vw,36px);font-weight:800}.page-title p{color:var(--muted);max-width:720px}.eyebrow{font-size:10px;color:var(--brand);font-weight:800}.stats{gap:14px;margin-bottom:22px}.stat{position:relative;overflow:hidden;padding:20px;border-radius:16px;box-shadow:var(--shadow);transition:.2s}.stat:after{content:"";position:absolute;right:-24px;top:-28px;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#6558f50d,#19b99a12)}.stat:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(16,24,40,.08)}.stat span{font-size:11px;font-weight:700}.stat strong{margin:4px 0;font-size:clamp(22px,2.5vw,31px);font-weight:800}.stat small{font-size:10px}.panel,.table-wrap,.course-card{border-color:#e9ebf1;box-shadow:var(--shadow)}.panel{padding:clamp(18px,2vw,26px);border-radius:18px}.panel h2{font-size:18px;letter-spacing:-.025em}.form-panel summary{list-style:none;display:flex;align-items:center;gap:9px}.form-panel summary:before{content:"+";display:grid;place-items:center;width:26px;height:26px;background:#efedff;color:var(--brand);border-radius:8px}.form-panel[open] summary:before{content:"−"}label{font-size:11px;color:#475467;gap:6px}input,select,textarea{min-height:44px;border-color:#dfe3ea;border-radius:11px;font-size:13px;background:#fcfcfd;transition:.15s}textarea{min-height:110px}button,.button{min-height:42px;border-radius:11px;font-size:12px;padding:.72rem 1rem;box-shadow:0 5px 14px #6558f520}.secondary{box-shadow:none}.table-wrap{border-radius:16px}table{font-size:12px}th{background:#fafbfc;color:#667085;font-size:9px;padding:12px 16px}td{padding:14px 16px}tbody tr{transition:.15s}tbody tr:hover{background:#fafaff}.badge{font-size:9px;padding:4px 8px}.course-grid{gap:18px}.course-card{border-radius:19px;transition:.2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(16,24,40,.1)}.course-cover{height:155px;position:relative;background:linear-gradient(145deg,#4035bd,#8378ff 58%,#23c5a5)}.course-cover:after{content:"";position:absolute;inset:18px;border:1px solid #ffffff35;border-radius:14px;background:radial-gradient(circle at 80% 20%,#fff5,transparent 28%)}.course-card h3{font-size:16px}.course-card p{color:var(--muted);font-size:12px}.progress{height:6px}.lesson{padding:13px 3px;gap:12px}.lesson>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#f0efff;color:var(--brand);font-weight:800}.lesson strong{font-size:12px}.lesson small{font-size:10px}.empty{border:1px dashed #d7dbe4;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbfd);margin:8px;padding:42px 20px}.empty:before{content:"✦";display:block;color:#aaa3ff;font-size:24px;margin-bottom:8px}.alert{position:fixed;right:24px;top:96px;z-index:30;max-width:410px;margin:0;box-shadow:var(--shadow-lg);border:1px solid #b7ebc9;transition:.25s}.alert.leaving{opacity:0;transform:translateY(-10px)}
.auth{background:radial-gradient(circle at 15% 10%,#dcd9ff 0,transparent 28%),radial-gradient(circle at 90% 85%,#c9f4e8 0,transparent 25%),#f7f8fc}.auth:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#10182808 1px,transparent 1px),linear-gradient(90deg,#10182808 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#0004,transparent 70%);pointer-events:none}.auth-card{position:relative;padding:clamp(25px,4vw,38px);border-radius:24px;box-shadow:0 30px 90px rgba(31,38,70,.14)}.auth-card h1{font-size:32px}.auth-card p{color:var(--muted);font-size:12px}.auth-card button{min-height:48px}.price{font-size:26px!important;color:var(--ink)!important}.landing nav{border-bottom:1px solid var(--line)}
@media(max-width:1000px){.shell{grid-template-columns:230px minmax(0,1fr)}aside{width:230px}.content{padding:24px}.grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){body.menu-open{overflow:hidden}.shell{display:block}.nav-backdrop{display:block;position:fixed;inset:0;background:#10182899;backdrop-filter:blur(3px);z-index:19;opacity:0;pointer-events:none;transition:.2s}.menu-open .nav-backdrop{opacity:1;pointer-events:auto}aside{display:flex;width:min(84vw,300px);height:100dvh;z-index:20;box-shadow:var(--shadow-lg);transform:translateX(-105%)}aside.open{transform:translateX(0)}.menu-close{display:block}.aside-top{height:72px}aside nav{padding-bottom:20px}.header-context{display:none}header{height:66px;padding:0 14px}.header-user>div,.status-dot{display:none}.menu{display:grid;place-items:center;width:40px;height:40px;padding:0;background:#f0efff;color:var(--brand);box-shadow:none}.content{padding:18px 14px 90px}.page-title{margin-bottom:16px}.page-title h1{font-size:26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px}.stat strong{font-size:22px}.grid.two,.grid.three{grid-template-columns:1fr}.table-wrap{margin-left:0;margin-right:0;border-radius:14px;box-shadow:none}table{min-width:620px}th,td{padding:12px}.course-grid{grid-template-columns:1fr}.course-card{display:grid;grid-template-columns:112px 1fr}.course-cover{height:100%;min-height:170px}.course-card>div:last-child{padding:16px}.inline-form{display:grid;grid-template-columns:1fr 90px}.inline-form select,.inline-form button{grid-column:auto}.alert{top:76px;left:14px;right:14px;max-width:none}.auth{padding:72px 14px 20px}.auth>.brand{top:20px;left:20px}.auth-card{padding:24px 20px}.auth-card h1{font-size:28px}.landing nav{height:68px}.hero{padding:36px 0;min-height:auto}.hero-art{min-height:190px}.landing-section{padding:45px 0}}
@media(max-width:480px){.stats{grid-template-columns:1fr 1fr}.stat{min-width:0}.stat span,.stat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card{grid-template-columns:92px 1fr}.course-cover{min-height:190px}.course-card .button{width:100%}.panel{padding:17px}.row-actions{align-items:stretch;flex-direction:column}.row-actions button{width:100%}.inline-form{grid-template-columns:1fr}.inline-form>*{grid-column:1!important}.header-user{margin-left:auto}.small-avatar{width:36px;height:36px}.page-title{display:block}}
@supports(padding:max(0px)){aside{padding-bottom:max(18px,env(safe-area-inset-bottom))}.content{padding-bottom:max(90px,env(safe-area-inset-bottom))}}
.builder{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.builder-main>h2,.builder-tools>h2{font-size:17px}.builder-tools{position:sticky;top:104px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.content-block{background:#fff;border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden;box-shadow:var(--shadow)}.block-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fafbfc;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.block-toolbar>div{margin-left:auto;display:flex}.block-toolbar form{display:flex;margin:0}.icon-button{min-height:30px;padding:3px 9px;background:transparent;color:var(--muted);box-shadow:none}.danger-button{color:#b42318}.lesson-text{padding:22px;white-space:normal}.lesson-image,.lesson-video{display:block;max-width:100%;max-height:680px;margin:auto;border-radius:12px}.video-frame{position:relative;padding-top:56.25%;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.file-card,.external-card{display:flex;align-items:center;gap:14px;padding:18px}.file-card>span,.external-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f0efff;color:var(--brand);font-weight:800}.file-card>div,.external-card>div{flex:1;min-width:0}.file-card small,.external-card small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-block{background:#fff;border:1px solid var(--line);border-radius:18px;margin:16px 0;overflow:hidden;box-shadow:var(--shadow)}.lesson-player{max-width:960px}.complete-box{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#171f33,#252e49);color:#fff;padding:22px;border-radius:18px;margin-top:24px}.complete-box div{flex:1}.complete-box small{display:block;color:#aeb7c7}.url-share{display:flex;align-items:center;gap:18px}.url-share>div{flex:1;min-width:0}.url-share small{display:block;color:var(--muted)}.url-share strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-card h3{font-size:15px}.option-list{list-style:none;padding:0}.option-list li{padding:9px 12px;background:#f8f9fb;border-radius:9px;margin:5px 0}.option-list li.correct{background:#eafaf0;color:#087443}.external-card{color:var(--ink)}
@media(max-width:900px){.builder{grid-template-columns:1fr}.builder-tools{position:static;order:-1}.url-share,.complete-box{align-items:stretch;flex-direction:column}.url-share button,.complete-box button{width:100%}}
.question-number{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:800;margin-bottom:8px}.answer-option{display:flex;grid-template-columns:none;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;margin:8px 0;cursor:pointer}.answer-option:hover{border-color:#b9b3ff;background:#fafaff}.answer-option input{width:18px;min-height:18px}.answer-option span{font-size:13px}.submit-assessment{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#111827;color:#fff;padding:16px 20px;border-radius:15px;box-shadow:var(--shadow-lg);margin-top:20px}.submit-assessment p{margin:0;color:#aeb7c7;font-size:12px}
.webhook-box{margin-top:14px;padding:12px;background:#f7f8fb;border-radius:11px;display:grid;gap:7px}.webhook-box code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.webhook-box button{justify-self:start}
label:has(input[name="certificate_enabled"]){display:none!important}
.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#efedff;color:var(--brand);font-weight:800}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:12px}.activity-item small,.activity-item time{font-size:10px;color:var(--muted)}.settings-layout{display:grid;gap:20px}.settings-url{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#151d2e,#252e49);color:#fff;margin-bottom:20px}.settings-url p{color:#aeb7c7}.settings-url a{color:#c9c5ff;word-break:break-all}.settings-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.section-heading{display:flex;gap:12px}.section-heading>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#efedff;color:var(--brand);font-size:10px;font-weight:800}.section-heading h2{margin:0}.section-heading p{font-size:11px;color:var(--muted)}.settings-save{position:sticky;bottom:16px;z-index:4;display:flex;justify-content:flex-end;padding:14px;background:#111827eF;backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--shadow-lg)}
@media(max-width:800px){.settings-section{grid-template-columns:1fr}.settings-url{align-items:stretch;flex-direction:column}.settings-url button{width:100%}.activity-item{grid-template-columns:36px minmax(0,1fr)}.activity-item time{grid-column:2}.settings-save button{width:100%}}
.landing-v2{max-width:1240px}.landing-v2 nav{height:82px}.landing-logo{width:42px;height:42px;object-fit:contain;border-radius:10px}.landing-hero{gap:clamp(30px,6vw,90px);min-height:520px}.landing-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em}.landing-hero p{font-size:clamp(16px,2vw,20px);max-width:650px}.landing-visual{min-height:420px;border-radius:32px;background:linear-gradient(145deg,var(--brand),var(--accent));background-size:cover;background-position:center;box-shadow:0 30px 80px color-mix(in srgb,var(--brand) 24%,transparent);position:relative;overflow:hidden}.landing-visual:after{content:"";position:absolute;inset:24px;border:1px solid #ffffff4d;border-radius:22px}.landing-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.landing-section-head p{max-width:420px;color:var(--muted)}.landing-prose{max-width:900px}.course-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.course-facts span{padding:10px 14px;background:#f2f0ff;border-radius:10px;font-size:12px}.landing-v2 footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding:42px 0}.landing-v2 footer small{grid-column:1/-1}.social-links{display:flex;flex-wrap:wrap;gap:14px}.social-links a{color:var(--brand);font-weight:700;font-size:12px}
@media(max-width:800px){.landing-hero{min-height:auto}.landing-hero h1{font-size:42px}.landing-visual{min-height:260px;border-radius:22px}.landing-section-head{display:block}.landing-v2 footer{grid-template-columns:1fr}}
.coupon-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.coupon-field button{min-height:44px}.old-price{text-decoration:line-through;color:var(--muted);margin-bottom:4px!important}
.landing-v2 nav .brand{display:flex;align-items:center;gap:12px;min-width:0}.landing-v2 nav .landing-logo{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;flex:0 0 42px;object-fit:contain!important;border-radius:10px}.landing-v2 nav .brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.visual-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:90px}.landing-visual:after{z-index:2;pointer-events:none}
.syllabus-list{display:grid;gap:14px}.syllabus-module{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.syllabus-number{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#efedff;color:var(--brand);font-weight:800}.syllabus-module h3{margin:0 0 5px;font-size:18px}.syllabus-module p{color:var(--muted)}.syllabus-module>div>small{color:var(--brand);font-weight:700}.syllabus-module ul{list-style:none;padding:12px 0 0;margin:12px 0 0;border-top:1px solid var(--line)}.syllabus-module li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;font-size:13px}.syllabus-module li>span{color:var(--brand)}.syllabus-module li>small{color:var(--muted)}
.student-course-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:30px;align-items:stretch;background:linear-gradient(135deg,#121a2b,#252f4b);color:#fff;border-radius:24px;padding:clamp(24px,4vw,42px);margin-bottom:24px;overflow:hidden}.student-course-copy p{color:#b7c0d1;max-width:700px}.student-course-copy h1{font-size:clamp(30px,4vw,48px)}.course-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.course-meta span{background:#ffffff12;border:1px solid #ffffff14;padding:7px 10px;border-radius:9px;font-size:11px}.course-progress{max-width:600px;background:#ffffff18}.student-course-copy>small{display:block;color:#aeb7c7}.continue-button{margin-top:22px}.student-course-cover{min-height:260px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,var(--brand),var(--accent));display:grid;place-items:center}.student-course-cover img{width:100%;height:100%;object-fit:cover}.student-course-cover span{font-size:70px;color:#fff}.module-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);margin:16px 0;overflow:hidden}.module-card>header{padding:20px 22px;background:#fbfbfd;border-bottom:1px solid var(--line)}.module-card h2{margin:2px 0;font-size:20px}.module-card header p{margin:4px 0 0;color:var(--muted);font-size:12px}.module-lessons{padding:4px 20px}.student-lesson-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--line);color:var(--ink)}.student-lesson-row:last-child{border:0}.student-lesson-row:hover strong{color:var(--brand)}.lesson-state{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#efedff;color:var(--brand);font-weight:800}.lesson-state.done{background:#eafaf0;color:#087443}.student-lesson-row strong,.student-lesson-row small{display:block}.student-lesson-row small,.lesson-duration{color:var(--muted);font-size:10px}.lesson-duration{white-space:nowrap}
@media(max-width:800px){.student-course-hero{grid-template-columns:1fr}.student-course-cover{min-height:200px;order:-1}.student-lesson-row{grid-template-columns:36px minmax(0,1fr)}.lesson-duration{grid-column:2}.module-lessons{padding:4px 14px}}
.content{width:100%;max-width:1720px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 24px}.dashboard-welcome h1{font-size:clamp(30px,4vw,48px);margin:4px 0}.dashboard-welcome p{color:var(--muted);margin:0}.dashboard-date{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:11px;font-weight:700}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat:nth-child(4n+1){border-top:3px solid #6558f5}.stat:nth-child(4n+2){border-top:3px solid #19b99a}.stat:nth-child(4n+3){border-top:3px solid #f79009}.stat:nth-child(4n+4){border-top:3px solid #2e90fa}.stat:nth-child(4n+1) strong{color:#5145cd}.stat:nth-child(4n+2) strong{color:#087443}.stat:nth-child(4n+3) strong{color:#b54708}.stat:nth-child(4n+4) strong{color:#175cd3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:20px;align-items:start}.dashboard-main{margin:0}.dashboard-side{display:grid;gap:20px}.dashboard-side .panel{margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.panel-heading h2{margin:2px 0}.panel-heading>a{font-size:11px;font-weight:700}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.quick-grid a{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fafbff;transition:.18s}.quick-grid a:hover{border-color:#c8c3ff;background:#f5f3ff;transform:translateY(-2px)}.quick-grid a>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ebe9ff;color:var(--brand)}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px;color:var(--muted)}.health-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.health-row:last-child{border:0}.health-row strong,.health-row small{display:block}.health-row strong{font-size:11px}.health-row small{font-size:9px;color:var(--muted)}.health-row>a{font-size:10px;font-weight:700}.health-dot{width:9px;height:9px;border-radius:50%}.health-dot.ok{background:#12b76a;box-shadow:0 0 0 4px #12b76a18}.health-dot.warn{background:#f79009;box-shadow:0 0 0 4px #f7900918}.student-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-dashboard-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.student-dashboard-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px #10182817}.student-dashboard-cover{height:180px;background:linear-gradient(145deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-size:44px}.student-dashboard-cover img{width:100%;height:100%;object-fit:cover}.student-dashboard-body{padding:19px}.student-dashboard-body h2{font-size:18px}.student-dashboard-body p{color:var(--muted);font-size:11px;min-height:35px}.student-dashboard-body .button{width:100%;margin-top:8px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head small{color:var(--muted);font-size:9px}.panel{background:linear-gradient(180deg,#fff,#fefeff)}input:focus,select:focus,textarea:focus{background:#fff}.table-wrap{background:#fff}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--line)}.powered-by{font-size:11px;color:var(--muted)}.powered-by strong{color:var(--brand)}.landing-v2 footer .footer-bottom small{grid-column:auto}
@media(min-width:1450px){.shell{grid-template-columns:290px minmax(0,1fr)}aside{width:290px}.stats{gap:18px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) 390px}.content{padding-left:48px;padding-right:48px}}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.student-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dashboard-welcome{align-items:flex-start}.dashboard-date{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-side{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.student-course-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.student-dashboard-cover{height:200px}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.dashboard-welcome h1{font-size:30px}.page-title .card-actions{width:100%;margin-top:14px;display:grid}.page-title .card-actions .button{width:100%}}
.dashboard-side{position:static;top:auto;width:auto;height:auto;min-height:0;padding:0;background:transparent;color:inherit;transform:none;box-shadow:none;border:0}
.site-auth{--site-ink:#0f0f0f;--site-paper:#f9f8f5;--site-green:#1b6b3a;--site-green-2:#2e9a56;min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);background:var(--site-paper);color:var(--site-ink)}
.site-auth-story{position:relative;overflow:hidden;min-height:100vh;padding:clamp(30px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;background:#101914;color:#fff}.site-auth-story:before{content:"";position:absolute;right:-18%;bottom:-18%;width:520px;height:520px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff03}.site-auth-story:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,#2e9a5617);pointer-events:none}
.site-auth-logo,.site-auth-message,.site-auth-story>small{position:relative;z-index:1}.site-auth-logo{font-family:"Playfair Display",Georgia,serif;font-size:22px;font-weight:900;color:#fff;letter-spacing:-.035em}.site-auth-logo span{color:#78c892}.site-auth-message{max-width:580px;margin:70px 0}.site-auth-tag{display:inline-flex;align-items:center;gap:9px;color:#a9d7b7;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.site-auth-tag i{width:6px;height:6px;background:#69c487;border-radius:50%;box-shadow:0 0 0 5px #69c48718}.site-auth-message h1{max-width:560px;margin:22px 0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-.055em}.site-auth-message h1 em{color:#78c892}.site-auth-message>p{max-width:510px;color:#b9c2bc;font-size:15px;line-height:1.75}.site-auth-message ul{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:13px}.site-auth-message li{display:flex;align-items:center;gap:11px;color:#e1e7e3;font-size:12px}.site-auth-message li b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#78c89218;color:#78c892}.site-auth-story>small{color:#78847c;font-size:10px;letter-spacing:.05em}
.site-auth-form{display:grid;place-items:center;padding:clamp(28px,6vw,90px)}.site-auth-card{width:min(100%,490px)}.register-card{width:min(100%,760px)}.section-kicker{display:flex;align-items:center;gap:10px;color:var(--site-green);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-kicker:after{content:"";width:42px;height:1px;background:#b7c8bb}.site-auth-card h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:15px 0 12px}.form-intro{max-width:500px;color:#696963;font-size:13px;line-height:1.7}.site-auth-card form{display:grid;gap:17px;margin:32px 0 22px}.site-auth-card label{color:#292925;font-size:11px;font-weight:600}.site-auth-card label small{color:#92928c;font-weight:400}.site-auth-card input,.site-auth-card select{min-height:51px;border:1px solid #d9d8d2;border-radius:4px;background:#fff;padding:12px 14px;font-size:13px}.site-auth-card input:focus,.site-auth-card select:focus{border-color:var(--site-green);box-shadow:0 0 0 3px #1b6b3a12}.site-auth-card button{min-height:52px;border-radius:4px;background:var(--site-green);box-shadow:none;font-size:12px;letter-spacing:.02em;justify-content:space-between;padding:0 19px}.site-auth-card button:hover{background:var(--site-green-2)}.site-auth-card button span{font-size:18px}.site-auth-links{padding-top:20px;border-top:1px solid #dfded8;display:flex;justify-content:space-between;gap:20px;color:#777770;font-size:11px}.site-auth-links a,.back-link{color:var(--site-green);font-weight:700}.back-link{display:inline-block;margin-bottom:34px;font-size:11px}.form-help{color:#8a8983;font-size:10px;text-align:center}.site-auth-register .site-auth-form{padding-top:45px;padding-bottom:45px}
@media(max-width:900px){.site-auth{grid-template-columns:1fr}.site-auth-story{min-height:auto;padding:28px 24px}.site-auth-message{margin:50px 0 25px}.site-auth-message h1{font-size:46px;max-width:430px}.site-auth-message ul,.site-auth-story>small{display:none}.site-auth-form{padding:42px 20px 60px}.site-auth-card h2{font-size:38px}.site-auth-register .grid.two{grid-template-columns:1fr}}
@media(max-width:520px){.site-auth-message{margin:35px 0 10px}.site-auth-message h1{font-size:39px;margin:16px 0}.site-auth-message>p{font-size:12px}.site-auth-form{padding:34px 16px 50px}.site-auth-links{display:grid}.back-link{margin-bottom:25px}}
.public-auth-nav{height:70px;padding:0 clamp(20px,4vw,52px);display:flex;align-items:center;justify-content:space-between;background:#f9f8f5;border-bottom:1px solid #deddd6}.public-auth-logo{font-family:"Playfair Display",Georgia,serif;font-size:19px;font-weight:900;color:#0f0f0f;letter-spacing:-.035em}.public-auth-logo span{color:#1b6b3a}.public-auth-nav>div{display:flex;align-items:center;gap:28px}.public-auth-nav>div>a{color:#777770;font-size:11px;font-weight:600}.public-auth-nav .public-auth-button{padding:10px 18px;background:#0f0f0f;color:#fff;border-radius:4px}.public-auth-footer{padding:38px clamp(20px,4vw,52px) 24px;display:grid;grid-template-columns:1fr auto;gap:25px;background:#f1efe8;border-top:1px solid #deddd6}.public-auth-footer p{margin:8px 0 0;color:#777770;font-size:11px}.public-auth-footer-links{display:flex;gap:24px;align-items:start}.public-auth-footer-links a{color:#55554f;font-size:11px}.public-auth-footer>small{grid-column:1/-1;padding-top:18px;border-top:1px solid #d8d6cf;color:#8a8983;font-size:9px}.plan-picker{border:0;padding:0;margin:0}.plan-picker legend{margin-bottom:9px;color:#292925;font-size:11px;font-weight:700}.plan-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.plan-option{display:block!important;cursor:pointer}.plan-option>input{position:absolute;opacity:0;pointer-events:none}.plan-option>span{height:100%;display:grid;gap:5px;padding:15px;border:1px solid #d9d8d2;border-radius:6px;background:#fff;transition:.15s}.plan-option>input:checked+span{border-color:#1b6b3a;box-shadow:0 0 0 3px #1b6b3a12;background:#f6fbf7}.plan-option strong{font-family:"Playfair Display",Georgia,serif;font-size:17px}.plan-option small{color:#777770}.plan-option b{font-size:12px;color:#1b6b3a}.plan-option b em{font-size:9px;color:#777770;font-style:normal;font-weight:400}.payment-note{display:block;margin-top:9px;color:#777770;font-size:9px}
.plan-option>span:after{content:"✓ Campus personalizable\A✓ Gestión de alumnos\A✓ Cursos, módulos y clases\A✓ Evaluaciones online\A✓ Soporte técnico incluido";white-space:pre-line;margin-top:8px;padding-top:10px;border-top:1px solid #e5e3dc;color:#55554f;font-size:9px;line-height:1.8}
@media(max-width:700px){.public-auth-nav>div>a:not(.public-auth-button){display:none}.public-auth-footer{grid-template-columns:1fr}.public-auth-footer-links{flex-wrap:wrap}.public-auth-footer>small{grid-column:1}.plan-options{grid-template-columns:1fr}}

/* Panel institucional — misma identidad que tucampusvirtual.ar */
:root{--brand:#1b6b3a;--brand-2:#2e9a56;--accent:#2e9a56;--ink:#0f0f0f;--muted:#777770;--line:#deddd6;--bg:#f9f8f5;--card:#fff;--nav:#101914;--nav-soft:#18251d;--shadow:0 1px 0 rgba(15,15,15,.04);--shadow-lg:0 20px 50px rgba(15,25,18,.15);--radius:6px}
body{font-family:"Epilogue","Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:0}.shell{grid-template-columns:260px minmax(0,1fr)}aside{width:260px;padding:0 18px 18px;background:#101914;border-right:0}.aside-top{height:78px;padding:0 10px;border-bottom:1px solid #ffffff12}.aside-top .brand{font-family:"Playfair Display",Georgia,serif;font-size:17px;font-weight:900}.brand-mark{width:32px;height:32px;border-radius:3px;background:#1b6b3a;box-shadow:none;font-family:"Epilogue",sans-serif}.nav-label{padding:24px 12px 10px;color:#6f7c73;font-size:9px}.aside-user{border-top-color:#ffffff14}.avatar{border-radius:4px;background:#e7f3ec;color:#1b6b3a}.small-avatar{border-radius:4px}.nav-icon{border-radius:3px;background:#ffffff08}.aside-user strong{font-weight:600}aside nav a{border-radius:4px;color:#aab3ac;font-size:12px}aside nav a:hover{background:#ffffff0b;transform:none}aside nav a.active{background:#e7f3ec;color:#1b6b3a;box-shadow:none}aside nav a.active:before{left:-18px;background:#69c487;border-radius:0;width:3px}aside nav a.active .nav-icon{background:#1b6b3a;color:#fff}
header{height:78px;background:rgba(249,248,245,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-context small{color:#888880}.header-context strong{font-family:"Playfair Display",Georgia,serif;font-size:16px}.status-dot{background:#2e9a56;box-shadow:0 0 0 4px #2e9a5615}.content{padding:clamp(24px,3.5vw,54px);max-width:1600px}.page-title{align-items:center;margin-bottom:30px}.page-title h1,.dashboard-welcome h1{font-family:"Playfair Display",Georgia,serif;font-weight:900;letter-spacing:-.045em}.page-title h1{font-size:clamp(32px,4vw,48px)}.page-title p,.dashboard-welcome p{font-weight:300;line-height:1.7}.eyebrow{color:#1b6b3a;font-size:9px;letter-spacing:.15em}.dashboard-date{border-radius:4px;background:#f1efe8;border-color:#deddd6}.dashboard-welcome{padding-bottom:30px}
button,.button{min-height:42px;border-radius:4px;background:#1b6b3a;box-shadow:none;font-size:11px;letter-spacing:.02em}button:hover,.button:hover{background:#2e9a56;filter:none}.secondary{background:#f1efe8;color:#1b6b3a;border:1px solid #d8d6cf}.secondary:hover{background:#e7f3ec}.small{min-height:32px;border-radius:3px}.panel,.table-wrap,.course-card,.stat{border-color:#deddd6;border-radius:6px;box-shadow:var(--shadow);background:#fff}.panel{padding:clamp(20px,2.2vw,30px)}.panel h2,.course-card h3{font-family:"Playfair Display",Georgia,serif}.stats{gap:12px}.stat{padding:20px;border-top:1px solid #deddd6!important}.stat:after{display:none}.stat:hover{transform:none;box-shadow:var(--shadow)}.stat span{color:#777770;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.stat strong{font-family:"Playfair Display",Georgia,serif;color:#0f0f0f!important;font-size:30px}.stat:nth-child(2){border-left:3px solid #1b6b3a}.stat:nth-child(3){border-left:3px solid #c2862b}.stat:nth-child(4){border-left:3px solid #315f80}.badge{border-radius:3px;background:#e7f3ec;color:#1b6b3a;font-size:9px}.progress{height:5px;background:#e8e6df}.progress i{background:#2e9a56}
input,select,textarea{min-height:46px;border-color:#d9d8d2;border-radius:4px;background:#fff;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#1b6b3a;box-shadow:0 0 0 3px #1b6b3a12}.form-panel summary:before{border-radius:3px;background:#e7f3ec;color:#1b6b3a}.check input{min-height:auto}.table-wrap{border-radius:6px}th{background:#f1efe8;color:#696963;font-size:9px}tbody tr:hover{background:#f8faf8}.empty{border-color:#cbc9c1;border-radius:6px;background:#fff}.empty:before{color:#2e9a56}.alert{border-radius:4px}
.course-grid{gap:16px}.course-card{border-radius:6px}.course-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10191412}.course-cover{background:linear-gradient(135deg,#102219,#1b6b3a 60%,#4aab6d)}.course-cover:after{border-radius:3px}.lesson>span,.activity-icon,.quick-grid a>span,.section-heading>span,.file-card>span,.external-card>span{border-radius:4px;background:#e7f3ec;color:#1b6b3a}.lesson strong{font-weight:600}.quick-grid a{border-radius:4px;background:#fbfbf8}.quick-grid a:hover{border-color:#8ab49a;background:#f4faf6;transform:none}.health-dot.ok{background:#2e9a56;box-shadow:0 0 0 4px #2e9a5615}.dashboard-grid{gap:16px}.dashboard-side{gap:16px}
.student-dashboard-card{border-radius:6px}.student-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10191412}.student-dashboard-cover{background:linear-gradient(135deg,#102219,#1b6b3a 60%,#4aab6d)}.student-dashboard-body h2{font-family:"Playfair Display",Georgia,serif}.student-course-hero{border-radius:6px;background:linear-gradient(135deg,#101914,#1d2c22)}.student-course-copy h1{font-family:"Playfair Display",Georgia,serif}.student-course-cover{border-radius:4px;background:linear-gradient(135deg,#1b6b3a,#55aa72)}.module-card{border-radius:6px}.module-card h2{font-family:"Playfair Display",Georgia,serif}.lesson-state{border-radius:4px;background:#e7f3ec;color:#1b6b3a}.lesson-state.done{background:#dff3e6;color:#1b6b3a}.student-block,.content-block,.builder-tools,.complete-box,.settings-url,.settings-save,.submit-assessment,.answer-option,.syllabus-module{border-radius:6px}.complete-box,.settings-url,.submit-assessment,.settings-save{background:#101914}.answer-option:hover{border-color:#7ca98c;background:#f6faf7}.option-list li{border-radius:4px}.option-list li.correct{background:#e7f3ec;color:#1b6b3a}.question-number{color:#1b6b3a}
@media(max-width:800px){aside{width:min(84vw,290px)}.menu{border-radius:4px;background:#e7f3ec;color:#1b6b3a}.content{padding:22px 15px 80px}.page-title h1{font-size:33px}.course-card{border-radius:6px}}

/* Jerarquía y respiración de los planes */
.site-auth-register{grid-template-columns:minmax(320px,.7fr) minmax(650px,1.3fr)}.site-auth-register .register-card{max-width:900px}.site-auth-register .site-auth-form{padding-left:clamp(30px,4vw,70px);padding-right:clamp(30px,4vw,70px)}.plan-options{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.plan-option>span{gap:11px;padding:22px;border-radius:6px}.plan-option strong{font-size:22px;line-height:1.1}.trial-badge{justify-self:start;display:inline-flex!important;padding:7px 10px;border-radius:3px;background:#1b6b3a;color:#fff!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em}.plan-limits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 4px}.plan-limits>span{display:grid;padding:11px;background:#f1efe8;border-radius:4px}.plan-limits b{font-family:"Playfair Display",Georgia,serif!important;font-size:20px!important;line-height:1;color:#0f0f0f!important}.plan-limits small{margin-top:4px;color:#777770!important;font-size:9px!important}.plan-option>span>b{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e7e5de;font-size:13px}.plan-option>span:after{content:"✓ Campus personalizable\A✓ Cursos y evaluaciones\A✓ Soporte incluido";margin-top:2px;padding-top:12px;line-height:2}.payment-note{margin-top:14px;padding:12px 14px;border-left:3px solid #1b6b3a;background:#f1efe8;font-size:10px;line-height:1.6}.site-auth-register .site-auth-card form{gap:22px}
@media(max-width:1100px){.site-auth-register{grid-template-columns:1fr}.site-auth-register .site-auth-story{min-height:auto}.site-auth-register .site-auth-message{margin:45px 0 20px}.site-auth-register .site-auth-message ul,.site-auth-register .site-auth-story>small{display:none}}
@media(max-width:600px){.site-auth-register .site-auth-form{padding:32px 15px 55px}.plan-options{grid-template-columns:1fr}.plan-option>span{padding:18px}}

/* Selector de plan simplificado */
.plan-picker legend{margin-bottom:16px;font-family:"Playfair Display",Georgia,serif;font-size:22px;letter-spacing:-.025em}.plan-option>span{gap:10px;padding:19px}.plan-option strong{font-size:20px}.trial-badge{order:-1;padding:9px 12px;background:#1b6b3a;color:#fff!important;font-size:10px!important;letter-spacing:.09em}.plan-limits{display:block;margin:0;padding:8px 0;color:#66665f;font-size:10px;border-bottom:1px solid #e7e5de}.plan-option>span>b{padding:5px 0 0;border-top:0;font-size:12px}.plan-option>span:after{display:none;content:none}.payment-note{margin-top:12px;padding:10px 12px}.site-auth-register .form-intro{margin-bottom:24px}.site-auth-register .site-auth-card form{margin-top:20px}
.public-auth-nav{height:auto;min-height:69px;padding:18px 52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(249,248,245,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,15,15,.09);position:sticky;top:0;z-index:200}.public-auth-logo{justify-self:start;font-family:"Playfair Display",Georgia,serif;font-size:19px;font-weight:900;color:#0f0f0f}.public-auth-links{display:flex;gap:32px}.public-auth-links a{font-size:13px;font-weight:500;color:#888;transition:color .2s}.public-auth-links a:hover{color:#0f0f0f}.public-auth-actions{justify-self:end;display:flex;align-items:center;gap:8px}.public-auth-actions a{display:inline-flex;align-items:center;min-height:38px;padding:9px 17px;border-radius:4px;font-size:11px;font-weight:600}.public-auth-login{color:#0f0f0f;border:1px solid rgba(15,15,15,.09)}.public-auth-create{gap:7px;background:#0f0f0f;color:#fff}.public-auth-create:hover{background:#3d3d3d}.public-auth-create span{font-size:15px}
@media(max-width:850px){.public-auth-nav{padding:15px 22px;grid-template-columns:1fr auto}.public-auth-links{display:none}.public-auth-actions{grid-column:2}.public-auth-actions a{padding:8px 12px}.public-auth-login{display:none!important}}

/* Copia exacta del menú de la web pública para las pantallas de acceso */
.public-site-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 52px;background:rgba(249,248,245,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,15,15,.09);position:sticky;top:0;z-index:200}.public-site-nav .logo{font-family:"Playfair Display",Georgia,serif;font-weight:900;font-size:19px;color:#0f0f0f}.public-site-nav .logo span{color:#1b6b3a}.public-site-nav .nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.public-site-nav .nav-links a{font-size:13px;font-weight:500;color:#888;transition:color .2s}.public-site-nav .nav-links a:hover{color:#0f0f0f}.public-site-nav .nav-actions{display:flex;align-items:center;gap:8px}.public-site-nav .btn-nav{min-height:auto;background:#0f0f0f;color:#fff;padding:10px 22px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:7px}.public-site-nav .btn-nav:hover{background:#3d3d3d}.public-site-nav .login-nav{background:transparent;color:#0f0f0f;border:1px solid rgba(15,15,15,.09)}.public-site-nav .nav-ham{display:none;background:none;box-shadow:none;border:0;cursor:pointer;padding:4px;min-height:0}.public-site-nav .nav-ham span{display:block;width:22px;height:2px;background:#0f0f0f;margin:5px 0;border-radius:2px}.public-site-nav+.mobile-menu{display:none;flex-direction:column;position:fixed;top:69px;left:0;right:0;bottom:0;background:#f9f8f5;z-index:190;padding:24px;border-top:1px solid rgba(15,15,15,.09);overflow-y:auto}.public-site-nav+.mobile-menu.open{display:flex}.public-site-nav+.mobile-menu a{font-size:18px;font-weight:500;color:#0f0f0f;padding:14px 0;border-bottom:1px solid rgba(15,15,15,.09)}.public-site-nav+.mobile-menu .mobile-create{margin-top:24px;padding:16px;background:#1b6b3a;color:#fff;border-radius:6px;text-align:center;border-bottom:0;font-size:15px;font-weight:600}
@media(max-width:800px){.public-site-nav{padding:15px 22px}.public-site-nav .nav-links,.public-site-nav .nav-actions{display:none}.public-site-nav .nav-ham{display:block}.public-site-nav+.mobile-menu{top:61px}}