:root{
  --primary:#6D5EF9;--accent:#16C7B7;--primary-2:#8A7CFF;--ink:#161827;--muted:#72768B;
  --bg:#F4F6FB;--surface:rgba(255,255,255,.86);--surface-solid:#fff;--surface-2:#F8F9FD;
  --line:rgba(24,28,46,.08);--line-strong:rgba(24,28,46,.14);--shadow:0 22px 70px rgba(33,39,75,.10);
  --shadow-soft:0 12px 40px rgba(33,39,75,.07);--radius:24px;--ease:cubic-bezier(.2,.8,.2,1);
  --sidebar:#11131D;--sidebar-2:#171A27;--success:#149764;--warning:#CF8A17;--danger:#D54862;
}
html[data-theme="dark"]{--ink:#F4F6FC;--muted:#9EA4BA;--bg:#0B0D14;--surface:rgba(18,21,32,.88);--surface-solid:#121520;--surface-2:#171A26;--line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);--shadow:0 22px 70px rgba(0,0,0,.28);--shadow-soft:0 12px 40px rgba(0,0,0,.22);--sidebar:#080A10;--sidebar-2:#11141E}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background .35s var(--ease),color .35s var(--ease)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}h1,h2,h3,h4,b,strong{font-family:"Manrope","DM Sans",sans-serif}h1,h2,h3,h4{letter-spacing:-.025em}img{max-width:100%}::selection{background:color-mix(in srgb,var(--primary) 22%,transparent)}
.ambient-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-2}.ambient-orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.32;will-change:transform}.orb-a{width:520px;height:520px;left:-220px;top:-180px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--primary) 70%,white),transparent 68%);animation:floatA 16s ease-in-out infinite}.orb-b{width:620px;height:620px;right:-260px;top:24%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 62%,white),transparent 69%);animation:floatB 20s ease-in-out infinite}.orb-c{width:430px;height:430px;left:28%;bottom:-250px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--primary) 48%,var(--accent)),transparent 70%);animation:floatC 18s ease-in-out infinite}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 68%);opacity:.36}.cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 15%,transparent),transparent 67%);transform:translate3d(calc(var(--mx,50vw) - 210px),calc(var(--my,50vh) - 210px),0);pointer-events:none;z-index:-1;transition:opacity .25s;will-change:transform}.page-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 45%,var(--accent)));transform:scaleY(0);transform-origin:bottom;opacity:.96}.page-leave .page-transition{animation:pageCover .34s var(--ease) forwards}.page-enter{animation:pageIn .48s var(--ease) both}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pageCover{to{transform:scaleY(1)}}@keyframes floatA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(90px,75px) scale(1.08)}}@keyframes floatB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-90px,-60px) scale(.9)}}@keyframes floatC{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,-60px)}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in-view{opacity:1;transform:none}
.btn{appearance:none;border:0;border-radius:14px;padding:11px 16px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-130%);transition:transform .65s var(--ease)}.btn:hover:after{transform:translateX(130%)}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 66%,#9A86FF));color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 25%,transparent)}.btn.primary:hover{box-shadow:0 16px 32px color-mix(in srgb,var(--primary) 32%,transparent)}.btn.soft{background:color-mix(in srgb,var(--primary) 9%,var(--surface-solid));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}.btn.ghost{background:var(--surface);border:1px solid var(--line-strong);backdrop-filter:blur(16px)}.btn.danger{background:#fff0f3;color:var(--danger)}.btn.small{padding:8px 11px;border-radius:11px;font-size:11px}.btn.block{display:flex;width:100%}.btn[disabled]{opacity:.55;pointer-events:none}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.badge.primary{background:color-mix(in srgb,var(--primary) 10%,var(--surface-solid));border-color:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.badge.success{background:#EAFBF3;color:#08754B;border-color:#C8F1DF}.badge.warning{background:#FFF7E8;color:#A26910;border-color:#FFE8BD}.badge.danger{background:#FFF0F3;color:#B72D4A;border-color:#FFD1DB}.muted{color:var(--muted)}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark,.brand-logo-wrap{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 45%,var(--accent)));color:#fff;font:800 19px "Manrope",sans-serif;box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 28%,transparent);overflow:hidden}.brand-logo-wrap{background:rgba(255,255,255,.96);padding:5px}.brand-logo-img{width:100%;height:100%;object-fit:contain}.brand-copy{min-width:0}.brand-copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{display:block;font-size:9px;color:var(--muted);margin-top:1px;letter-spacing:.02em}
.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px 16px;background:linear-gradient(180deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 82%,#151932));color:#E9ECF7;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;z-index:40;overflow:hidden;transition:transform .42s var(--ease)}.sidebar:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at -10% 0%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 34%),radial-gradient(circle at 110% 78%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 28%);pointer-events:none}.sidebar>*{position:relative;z-index:1}.sidebar .brand{padding:2px 9px 22px}.sidebar .brand-copy small{color:#858DAA}.sidebar-section-label{font:700 9px "Manrope",sans-serif;letter-spacing:.16em;color:#656D89;padding:0 13px 9px}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding:0 2px 10px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-item{min-height:44px;display:flex;align-items:center;gap:12px;padding:8px 11px;border-radius:13px;color:#9199B5;position:relative;transition:.25s var(--ease);font-size:12px}.nav-item em{font-style:normal;font-weight:650}.nav-ico{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:14px;transition:.25s var(--ease)}.nav-item:hover{color:#F7F8FD;background:rgba(255,255,255,.055);transform:translateX(3px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 26%,transparent),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}.nav-item.active .nav-ico{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,var(--accent)));box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 32%,transparent)}.nav-dot{position:absolute;right:9px;width:4px;height:4px;border-radius:99px;background:var(--accent);opacity:0;box-shadow:0 0 12px var(--accent)}.nav-item.active .nav-dot{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.mini-user{display:flex;align-items:center;gap:10px;padding:10px 8px 12px}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);font:800 12px "Manrope";flex:0 0 auto}.avatar-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.mini-user-copy{min-width:0;flex:1}.mini-user-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-user-copy small{font-size:9px;color:#7E87A5}.mini-settings{color:#7E87A5;font-size:11px}.logout-link{color:#7F87A2}.sidebar-backdrop{display:none}.main-area{min-width:0}.topbar{height:82px;position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:color-mix(in srgb,var(--bg) 77%,transparent);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.topbar-left,.top-actions{display:flex;align-items:center;gap:10px}.topbar-title{display:flex;flex-direction:column}.topbar-title .eyebrow{font-size:8px;letter-spacing:.14em;color:var(--primary);font-weight:850}.topbar-title b{font-size:16px;margin-top:1px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:.25s var(--ease);backdrop-filter:blur(16px)}.icon-btn:hover{transform:translateY(-2px) rotate(2deg);border-color:color-mix(in srgb,var(--primary) 25%,var(--line));box-shadow:var(--shadow-soft)}.mobile-menu{display:none}.top-search{height:40px;min-width:180px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 9px 0 12px;color:var(--muted);font-size:11px;backdrop-filter:blur(16px);transition:.25s}.top-search:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--line));box-shadow:var(--shadow-soft)}.top-search em{font-style:normal;flex:1}.top-search kbd{font:700 9px "DM Sans";border:1px solid var(--line);padding:2px 6px;border-radius:6px}.top-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:white}.notification-btn:after{content:"";width:6px;height:6px;background:#FF5A73;border:2px solid var(--surface-solid);border-radius:50%;position:absolute;margin:-17px 0 0 18px}.content-wrap{padding:26px;max-width:1560px;margin:0 auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.section-head h1,.section-head h2,.section-head h3{margin:0}.section-head h2{font-size:23px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}
.card,.table-wrap,.stat-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}.card{border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.card.hover:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}.card[data-tilt]{transform-style:preserve-3d;will-change:transform}.card:where(.premium-card):before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,transparent),transparent 40%,color-mix(in srgb,var(--accent) 6%,transparent));pointer-events:none}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat-card{min-height:118px;border-radius:21px;padding:18px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:.3s var(--ease)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.stat-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,var(--surface-solid)),color-mix(in srgb,var(--accent) 10%,var(--surface-solid)));color:var(--primary);font-size:19px;border:1px solid color-mix(in srgb,var(--primary) 10%,transparent)}.stat-copy small,.stat-copy strong,.stat-copy span{display:block}.stat-copy small{font-size:10px;color:var(--muted);font-weight:700}.stat-copy strong{font-size:24px;line-height:1.2;margin:3px 0;font-weight:800}.stat-copy span{font-size:9px;color:var(--muted)}.stat-shine{position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-38px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 14%,transparent),transparent 67%)}.progress{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 18px color-mix(in srgb,var(--primary) 36%,transparent);transition:width .8s var(--ease)}
.dashboard-hero{padding:26px;border-radius:28px;margin-bottom:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--surface-solid) 88%,transparent),color-mix(in srgb,var(--primary) 8%,var(--surface-solid)));border:1px solid var(--line);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:22px;align-items:center;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-170px;top:-190px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 22%,transparent),transparent 65%)}.dashboard-hero h1{font-size:clamp(26px,4vw,38px);margin:6px 0 8px}.dashboard-hero p{color:var(--muted);font-size:13px;max-width:720px;margin:0}.hero-metric{width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--primary) var(--progress,72%),var(--surface-2) 0);position:relative;box-shadow:inset 0 0 0 1px var(--line)}.hero-metric:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--line)}.hero-metric-content{position:relative;text-align:center}.hero-metric strong{display:block;font-size:28px}.hero-metric small{font-size:9px;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{padding:15px;border-radius:18px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:12px;transition:.28s var(--ease)}.quick-action:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 22%,var(--line));box-shadow:var(--shadow-soft)}.quick-action .qa-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface-solid));color:var(--primary)}.quick-action b{font-size:11px;display:block}.quick-action small{font-size:9px;color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{padding:0;overflow:hidden}.course-thumb{height:180px;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,#171A2E),#111522);overflow:hidden}.course-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--primary) 45%,transparent),transparent 35%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 30%)}.course-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.course-card:hover .course-thumb img{transform:scale(1.05)}.course-thumb .badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}.course-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.course-thumb-fallback span{font:800 42px "Manrope";opacity:.9}.course-body{padding:18px}.course-body h3{font-size:17px;margin:8px 0 7px;line-height:1.35}.course-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:9px}.course-meta span{display:inline-flex;align-items:center;gap:4px}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.price{font:800 16px "Manrope"}.course-body .muted{font-size:10px}
.table-wrap{border-radius:21px;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px}th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface-2);font-weight:850}tr:last-child td{border-bottom:0}tbody tr{transition:background .2s}tbody tr:hover{background:color-mix(in srgb,var(--primary) 3.5%,transparent)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.input,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="datetime-local"],input[type="file"],input[type="color"]{width:100%;padding:12px 13px;background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:13px;outline:none;transition:.22s var(--ease);font-size:12px}textarea{min-height:120px;resize:vertical}.input:focus,select:focus,textarea:focus,input:focus{border-color:color-mix(in srgb,var(--primary) 58%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 8px 24px color-mix(in srgb,var(--primary) 7%,transparent)}.help{font-size:9px;color:var(--muted)}.flash{padding:12px 14px;border-radius:14px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex;gap:9px;align-items:center;animation:slideDown .35s var(--ease);border:1px solid transparent;box-shadow:var(--shadow-soft)}.flash-dot{width:7px;height:7px;border-radius:99px;background:currentColor;box-shadow:0 0 12px currentColor}.flash.success{background:#EAFBF3;color:#0F7C53;border-color:#C9F0DF}.flash.error{background:#FFF0F3;color:#AA304A;border-color:#FFD4DD}.flash.info{background:color-mix(in srgb,var(--primary) 9%,var(--surface-solid));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 14%,transparent)}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.public-nav{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;gap:26px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(24px);border-bottom:1px solid transparent}.public-nav:after{content:"";position:fixed;left:0;right:0;top:77px;height:1px;background:var(--line)}.public-nav nav{display:flex;gap:24px;margin-left:auto}.public-nav nav a{font-size:11px;font-weight:750;color:var(--muted);position:relative;transition:.22s}.public-nav nav a:after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-8px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:.25s var(--ease)}.public-nav nav a:hover{color:var(--ink)}.public-nav nav a:hover:after{right:0}.nav-actions{display:flex;gap:8px}.public-main{min-height:calc(100vh - 150px)}.public-flash{max-width:1200px;margin:12px auto 0}.hero{max-width:1280px;margin:0 auto;padding:88px 24px 74px;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);font-size:9px;font-weight:850;letter-spacing:.09em;color:var(--primary)}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.hero h1{font-size:clamp(44px,6.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero h1 .gradient-text{background:linear-gradient(100deg,var(--primary),color-mix(in srgb,var(--primary) 45%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;line-height:1.75;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px}.proof-item{display:flex;align-items:center;gap:8px}.proof-item .proof-dot{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:12px;color:var(--primary)}.proof-item b{display:block;font-size:10px}.proof-item small{font-size:8px;color:var(--muted)}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 20%,transparent),transparent 67%);animation:heroPulse 5s ease-in-out infinite}@keyframes heroPulse{50%{transform:scale(1.12);opacity:.8}}.hero-workspace{width:min(100%,590px);background:#0E111A;border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;box-shadow:0 34px 90px rgba(21,22,48,.28);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:.55s var(--ease);position:relative;z-index:2}.hero-workspace:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-5px)}.workspace-top{height:46px;background:#151925;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 14px;gap:7px;color:#8D96B0;font-size:9px}.workspace-top .dot{width:8px;height:8px;border-radius:50%;background:#FF6D7A}.workspace-top .dot:nth-child(2){background:#FFCA58}.workspace-top .dot:nth-child(3){background:#4DD59A}.workspace-label{margin-left:8px}.workspace-body{display:grid;grid-template-columns:1fr .9fr;min-height:355px}.workspace-code{border-right:1px solid rgba(255,255,255,.08)}.workspace-tabs{height:38px;display:flex;align-items:center;background:#111521;border-bottom:1px solid rgba(255,255,255,.06);padding:0 8px}.workspace-tabs span{font-size:8px;color:#848EA9;padding:8px 9px;border-radius:7px}.workspace-tabs span.active{background:#202638;color:#fff}.workspace-pre{margin:0;padding:18px 20px;color:#CAD4F0;font:11px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.tok-purple{color:#B29CFF}.tok-cyan{color:#55D6C6}.tok-yellow{color:#F2CF77}.workspace-preview{background:#FBFCFF;padding:18px;color:#171A25;display:flex;flex-direction:column}.preview-card-demo{margin:auto;width:100%;background:white;border:1px solid #E9ECF3;border-radius:18px;padding:20px;box-shadow:0 14px 30px #1A244310}.preview-card-demo h4{font-size:18px;margin:7px 0}.preview-card-demo p{font-size:10px;color:#777F94}.preview-mini-button{display:inline-flex;padding:8px 11px;border-radius:9px;background:#6D5EF9;color:white;font-size:8px;font-weight:800}.float-chip{position:absolute;z-index:3;padding:10px 12px;border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);font-size:9px;animation:chipFloat 4s ease-in-out infinite}.float-chip b{display:block;font-size:10px}.float-chip small{color:var(--muted)}.chip-a{left:-8px;top:90px}.chip-b{right:-10px;bottom:80px;animation-delay:-2s}@keyframes chipFloat{50%{transform:translateY(-10px)}}.public-section{max-width:1280px;margin:auto;padding:34px 24px 76px}.section-kicker{font-size:9px;font-weight:850;color:var(--primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:7px}.public-section .section-head h2{font-size:30px}.public-section .section-head p{font-size:13px;max-width:650px}.feature-bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:210px;gap:16px}.bento-card{padding:22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:.3s var(--ease)}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.bento-card.tall{grid-row:span 2}.bento-card.wide{grid-column:span 2}.bento-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--surface-solid)),color-mix(in srgb,var(--accent) 12%,var(--surface-solid)));color:var(--primary);font-size:18px}.bento-card h3{font-size:18px;margin:14px 0 7px}.bento-card p{font-size:11px;color:var(--muted);max-width:440px}.bento-decoration{position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;bottom:-95px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 16%,transparent),transparent 68%)}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.workflow-step{position:relative;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-align:center}.workflow-step:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;z-index:2;color:var(--primary);font-weight:900}.workflow-step span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;margin:0 auto 8px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-solid));color:var(--primary);font-weight:850}.workflow-step b{font-size:10px;display:block}.workflow-step small{font-size:8px;color:var(--muted)}.site-footer{max-width:1280px;margin:20px auto;padding:38px 24px 54px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px;color:var(--muted);align-items:start}.footer-brand p{max-width:520px;font-size:10px;margin-top:14px}.footer-links{display:flex;gap:18px;font-size:10px}.site-footer>small{grid-column:1/-1;font-size:9px}
.auth-wrap{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;max-width:1280px;margin:auto}.auth-art{margin:28px;border-radius:30px;padding:52px;background:linear-gradient(145deg,#141526,#2C2562 52%,color-mix(in srgb,var(--primary) 80%,#8E78FF));color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(28,26,63,.22)}.auth-art:before,.auth-art:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.auth-art:before{width:360px;height:360px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 68%);right:-100px;top:-100px}.auth-art:after{width:260px;height:260px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 68%);left:-100px;bottom:-100px}.auth-art>*{position:relative;z-index:1}.auth-art h1{font-size:50px;line-height:1.02;margin:14px 0 18px;letter-spacing:-.05em}.auth-art p{max-width:520px;color:#D9DDF2;line-height:1.7;font-size:13px}.auth-card-wrap{display:grid;place-items:center;padding:34px}.auth-card{width:min(440px,100%);padding:6px}.auth-card h2{font-size:30px;margin-bottom:8px}.demo-box{background:var(--surface-2);border:1px dashed var(--line-strong);padding:14px;border-radius:14px;font-size:10px;line-height:1.7;margin-top:16px}
.lesson-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}.lesson-nav{padding:0;overflow:hidden;align-self:start;position:sticky;top:100px}.lesson-nav h3{padding:18px;margin:0;border-bottom:1px solid var(--line);font-size:14px}.module-title{padding:10px 15px;background:var(--surface-2);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.lesson-link{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-bottom:1px solid var(--line);font-size:10px;transition:.22s}.lesson-link:hover,.lesson-link.active{background:color-mix(in srgb,var(--primary) 7%,transparent);color:var(--primary);padding-left:17px}.lesson-content{min-width:0}.lesson-content article{font-size:13px;line-height:1.82}.lesson-content code{background:var(--surface-2);padding:2px 5px;border-radius:5px}.video-frame{aspect-ratio:16/9;width:100%;border:0;border-radius:18px;background:#111;box-shadow:var(--shadow-soft)}.code-snippet{background:#0D111B;color:#DCE6FF;border-radius:16px;padding:18px;overflow:auto;font:12px/1.7 ui-monospace,monospace;white-space:pre-wrap;border:1px solid rgba(255,255,255,.08)}
.coding-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;min-height:690px}.challenge-pane{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:var(--shadow-soft);overflow:auto;max-height:calc(100vh - 128px);position:sticky;top:100px}.challenge-pane h3{margin:3px 0 4px}.challenge-pane p{font-size:9px}.ide{background:#0B0F17;border-radius:22px;overflow:hidden;color:#DCE6FF;display:flex;flex-direction:column;min-width:0;box-shadow:0 24px 80px rgba(8,11,22,.28);border:1px solid rgba(255,255,255,.08)}.ide-top{display:flex;align-items:center;padding:10px 12px;background:#121722;border-bottom:1px solid #252C3D;gap:8px;min-height:52px}.ide-project-name{background:#1A2030!important;color:#ECF1FF!important;border-color:#2A3349!important;max-width:220px!important;padding:8px 10px!important}.ide select{width:auto;background:#1A2030;color:#E6EDFF;border-color:#2A3349;padding:8px 10px}.ide-actions{margin-left:auto;display:flex;gap:7px}.ide .btn.ghost{background:#1A2030;color:#E6EDFF;border-color:#2A3349}.studio-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:590px}.editor-col{display:flex;flex-direction:column;min-width:0;border-right:1px solid #252C3D}.file-tree{height:38px;background:#0F141F;padding:0 8px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #252C3D;overflow:auto}.file-tab{appearance:none;border:0;background:transparent;color:#8994AE;padding:7px 10px;border-radius:8px;font:600 9px "DM Sans";cursor:pointer;white-space:nowrap;transition:.2s}.file-tab:hover{color:#E9EEFC;background:#19202F}.file-tab.active{background:#20283A;color:#fff;box-shadow:inset 0 -2px 0 var(--primary)}.editor-stack{position:relative;flex:1;min-height:520px}.code-editor{position:absolute;inset:0;width:100%;height:100%;border:0!important;outline:0!important;border-radius:0!important;background:#0B0F17!important;color:#E7EEFF!important;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:18px!important;resize:none;min-height:520px;box-shadow:none!important;tab-size:2;opacity:0;pointer-events:none;transition:opacity .18s}.code-editor.active{opacity:1;pointer-events:auto}.code-editor.monaco-hidden{display:none!important}.monaco-editor-host{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .18s;background:#0B0F17}.monaco-editor-host.active{opacity:1;pointer-events:auto}.monaco-editor-host .monaco-editor,.monaco-editor-host .overflow-guard{border-radius:0!important}.output-col{background:#fff;color:#172033;display:flex;flex-direction:column;min-width:0}.preview-toolbar{height:38px;background:#F4F6FA;border-bottom:1px solid #E5E8EF;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:8px;color:#727B91}.preview-dot{width:6px;height:6px;border-radius:50%;background:#31C783;box-shadow:0 0 10px #31C783}.preview-frame{width:100%;flex:1;border:0;background:#fff;min-height:390px}.console{height:165px;background:#080B11;color:#BFE2CF;padding:13px;font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow:auto;border-top:1px solid #252C3D;margin:0}.studio-status{font-size:8px;color:#8994AE;display:flex;align-items:center;gap:6px}.studio-status i{width:6px;height:6px;border-radius:50%;background:#42D392}.project-list{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.project-pill{font-size:9px;padding:7px 9px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);white-space:nowrap}.project-pill.active{background:color-mix(in srgb,var(--primary) 9%,var(--surface-solid));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
.certificate-stage{max-width:1120px;margin:auto}.template-switcher{display:flex;gap:8px;overflow:auto;justify-content:center;margin-bottom:16px;padding-bottom:4px}.template-switcher a{padding:8px 11px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:9px;font-weight:750;white-space:nowrap}.template-switcher a.active{background:var(--primary);color:white}.certificate{--cert-accent:#6D5EF9;max-width:1050px;margin:auto;background:#fff;color:#172033;padding:70px 74px;text-align:center;min-height:660px;position:relative;overflow:hidden;box-shadow:0 25px 80px rgba(24,31,63,.16);border-radius:8px}.certificate .cert-brand{font:800 13px "Manrope";letter-spacing:.08em;text-transform:uppercase;color:var(--cert-accent)}.certificate h1{font-size:45px;margin:14px 0 6px;color:#1C2232}.certificate .cert-subtitle{font-size:11px;color:#727A8D;text-transform:uppercase;letter-spacing:.16em}.certificate .name{font-size:36px;font-family:Georgia,serif;margin:25px 0 12px;color:#161C2A}.certificate .course-name{font-size:21px;font-weight:850;margin:11px auto;max-width:720px}.certificate .cert-no{margin-top:38px;font-size:9px;color:#747C90}.certificate .cert-sign-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin:38px auto 0;max-width:620px}.certificate .cert-sign{border-top:1px solid #CDD1DA;padding-top:8px;font-size:9px}.certificate .cert-seal{width:76px;height:76px;border-radius:50%;position:absolute;right:70px;bottom:58px;display:grid;place-items:center;background:var(--cert-accent);color:white;font:800 18px "Manrope";box-shadow:0 12px 25px color-mix(in srgb,var(--cert-accent) 28%,transparent)}.certificate.aurora{--cert-accent:#6958EC;border:10px solid #F0EDFF}.certificate.aurora:before{content:"";position:absolute;inset:18px;border:1px solid #AFA6F6;pointer-events:none}.certificate.aurora:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-180px;top:-190px;background:radial-gradient(circle,#8C79FF33,transparent 68%)}.certificate.executive{--cert-accent:#B28A36;border:1px solid #D9C8A0;background:linear-gradient(135deg,#FFFDF8,#fff 50%,#FBF5E7)}.certificate.executive:before{content:"";position:absolute;inset:15px;border:3px double #C5A75F}.certificate.executive h1{font-family:Georgia,serif;letter-spacing:.02em}.certificate.academic{--cert-accent:#183E70;border:14px solid #173C69}.certificate.academic:before{content:"";position:absolute;inset:21px;border:1px solid #98AEC8}.certificate.academic .cert-seal{background:#173C69}.certificate.minimal{--cert-accent:#202633;border:0;padding-top:95px}.certificate.minimal:before{content:"";position:absolute;left:0;top:0;width:100%;height:12px;background:linear-gradient(90deg,#202633 38%,#6D5EF9 38%,#6D5EF9 64%,#16C7B7 64%)}.certificate.minimal h1{font-size:38px;font-weight:600}.certificate.creative{--cert-accent:#7B52F6;background:linear-gradient(145deg,#FFFFFF,#F8F6FF 55%,#F1FFFC);border:0}.certificate.creative:before{content:"";position:absolute;width:430px;height:430px;border-radius:45% 55% 55% 45%;background:linear-gradient(135deg,#735CF220,#16C7B71C);left:-240px;top:-210px;transform:rotate(24deg)}.certificate.creative:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,#16C7B719,#735CF21B);right:-180px;bottom:-180px}.certificate>*{position:relative;z-index:1}.print-hide{display:block}
.cv-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cv-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px}.cv-panel{position:sticky;top:100px;align-self:start}.cv-preview{max-width:900px;margin:auto;background:#fff;color:#1E2431;min-height:1120px;box-shadow:0 24px 70px rgba(30,38,67,.13);overflow:hidden}.cv-preview .cv-inner{padding:54px}.cv-preview h1{font-size:39px;margin:0}.cv-preview .cv-title{font-size:15px;margin-top:5px}.cv-section{margin-top:30px}.cv-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #E4E7ED;padding-bottom:7px}.cv-row{margin:14px 0}.cv-row b{font-size:12px}.cv-row p,.cv-row small{font-size:10px;color:#697285}.cv-skills{display:flex;gap:7px;flex-wrap:wrap}.cv-skill{font-size:9px;padding:6px 9px;border-radius:8px;background:#F1F3F8}.cv-preview.executive .cv-title{color:#6D5EF9}.cv-preview.modern{border-top:12px solid #111827}.cv-preview.modern .cv-title{color:#111827}.cv-preview.creative-cv{background:linear-gradient(160deg,#fff 65%,#F5F0FF)}.cv-preview.creative-cv .cv-inner{border-left:14px solid #6D5EF9}.cv-public-actions{text-align:center;margin:16px 0}
.aff-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:25px;border-radius:28px;background:linear-gradient(135deg,#171A29,#28235C 60%,color-mix(in srgb,var(--primary) 78%,#7E6AF0));color:white;box-shadow:0 24px 70px rgba(25,24,57,.22);position:relative;overflow:hidden}.aff-hero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-110px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 67%)}.aff-hero>*{position:relative;z-index:1}.aff-hero h1{font-size:34px;margin:8px 0}.aff-hero p{font-size:11px;color:#D9DDF0}.referral-box{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px;backdrop-filter:blur(15px)}.referral-box label{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#BBBFE0}.referral-link{display:flex;gap:7px;margin-top:7px}.referral-link input{background:rgba(8,10,18,.35)!important;border-color:rgba(255,255,255,.13)!important;color:white!important}.referral-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.ref-step{padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.ref-step span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-solid));color:var(--primary);font-weight:850;font-size:10px}.ref-step b{font-size:11px;display:block;margin:8px 0 4px}.ref-step small{font-size:9px;color:var(--muted)}
.brand-preview{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface-solid)),color-mix(in srgb,var(--accent) 7%,var(--surface-solid)));border:1px solid var(--line)}.brand-preview img{width:60px;height:60px;border-radius:17px;object-fit:contain;background:white;padding:5px;border:1px solid var(--line)}.template-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.template-mini{aspect-ratio:1.4;background:white;border:1px solid var(--line);border-radius:13px;padding:10px;color:#202633;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.template-mini:before{content:"CERTIFICATE";font:800 6px "Manrope";letter-spacing:.08em}.template-mini span{display:block;width:55%;height:4px;background:#E6E8EE;margin-top:11px;border-radius:4px}.template-mini span:nth-child(3){width:75%}.template-mini.aurora{border:4px solid #EEEAFE}.template-mini.executive{border:3px double #B9984A;background:#FFFDF8}.template-mini.academic{border:5px solid #183E70}.template-mini.minimal{border-top:6px solid #202633}.template-mini.creative{background:linear-gradient(145deg,#fff,#F5F0FF)}
.empty{padding:38px;text-align:center;color:var(--muted);font-size:11px}.list{display:flex;flex-direction:column;gap:9px}.list-item{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-solid);font-size:11px}.list-item .grow{flex:1;min-width:0}.list-item b,.list-item small{display:block}.list-item small{color:var(--muted);margin-top:2px;font-size:9px}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:16px}.tab{padding:8px 11px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:10px;font-weight:750;white-space:nowrap}.tab.active{background:var(--primary);color:white;border-color:var(--primary)}

/* v2 professional expansion: CV builder, affiliate, notifications & brand control */
.empty-state{display:grid;place-items:center;text-align:center;min-height:280px;padding:34px}.empty-state .empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:color-mix(in srgb,var(--primary) 11%,var(--surface-solid));color:var(--primary);font-size:28px;margin-bottom:12px}.empty-state h3{margin:0 0 6px}.empty-state .btn{margin-top:14px}
.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-title h3{margin:4px 0 0}
.toggle-row{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;margin-top:12px;background:var(--surface-solid);font-size:10px;font-weight:700}.toggle-row input{width:auto;accent-color:var(--primary)}
.cv-builder-grid{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:20px;align-items:start}.cv-panel{max-height:calc(100vh - 110px);overflow:auto}.cv-preview{border-radius:24px}.cv-preview .cv-inner{padding:56px 58px}.cv-head{display:flex;justify-content:space-between;gap:28px;padding-bottom:23px;border-bottom:1px solid #E3E7EE}.cv-kicker{font:800 8px "Manrope",sans-serif;letter-spacing:.22em;color:#7D8798}.cv-head h1{font:800 38px/1.08 "Manrope",sans-serif;letter-spacing:-.035em;margin:7px 0 5px}.cv-head h2{font:700 14px/1.3 "Manrope",sans-serif;color:#6D5EF9;margin:0}.cv-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:9px;color:#697285;max-width:245px}.cv-contact a{color:inherit;text-decoration:none}.cv-section{margin-top:26px}.cv-section h3{font:800 10px/1 "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 13px;color:#252C3A}.cv-section>p{font-size:10px;line-height:1.7;color:#5F697B;margin:0}.cv-skills{display:flex;gap:7px;flex-wrap:wrap}.cv-skills span{font-size:9px;font-weight:700;padding:6px 9px;border-radius:8px;background:#F1F3F8;color:#3E485B}.cv-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 15px;padding:10px 0;border-bottom:1px solid #EEF0F4}.cv-entry>div{min-width:0}.cv-entry b,.cv-entry span{display:block}.cv-entry b{font-size:11px}.cv-entry span,.cv-entry small{font-size:9px;color:#778092}.cv-entry p{grid-column:1/-1;font-size:9px;line-height:1.55;color:#626D7F;margin:2px 0 0}.cv-project-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cv-project-list article{padding:11px;border:1px solid #E9ECF1;border-radius:11px}.cv-project-list article>div{display:flex;justify-content:space-between;gap:7px}.cv-project-list b{font-size:10px}.cv-project-list p{font-size:9px;color:#6B7586;line-height:1.5;margin:5px 0 0}.cv-score{font-size:7px;padding:3px 5px;background:#EAFBF5;color:#137358;border-radius:5px;white-space:nowrap}.cv-cert-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cv-cert-list>div{padding:9px 10px;border-left:3px solid #6D5EF9;background:#F8F9FB}.cv-cert-list b,.cv-cert-list small{display:block}.cv-cert-list b{font-size:9px}.cv-cert-list small{font-size:8px;color:#737D8E;margin-top:3px}.cv-foot{margin-top:32px;padding-top:12px;border-top:1px solid #E8EBF0;text-align:center;font-size:7px;color:#9AA2B0;letter-spacing:.08em}.cv-preview.modern{border-top:10px solid #111827}.cv-preview.modern .cv-head h2,.cv-preview.modern .cv-cert-list>div{color:#111827;border-color:#111827}.cv-preview.modern .cv-skills span{background:#111827;color:white;border-radius:4px}.cv-preview.creative-cv{background:linear-gradient(145deg,#fff 58%,#F4F0FF)}.cv-preview.creative-cv .cv-inner{border-left:14px solid var(--primary)}.cv-preview.creative-cv .cv-head h2{color:var(--primary)}.cv-public-wrap{max-width:1040px}.cv-public-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.cv-public-toolbar h2{margin:4px 0 0}
.affiliate-link-box{display:flex;gap:8px;max-width:660px;padding:7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:16px;backdrop-filter:blur(16px);margin:17px 0 8px}.affiliate-link-box input{min-width:0;background:rgba(6,8,20,.35)!important;border:0!important;color:#fff!important}.aff-visual{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.aff-visual span{font-size:46px;line-height:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.aff-visual b{font:800 24px "Manrope",sans-serif;letter-spacing:.08em;margin-top:10px}.aff-visual small{color:#D3D8EE;margin-top:3px}
.notification-list{padding:4px 18px}.notification-row{display:grid;grid-template-columns:13px 1fr;gap:12px;padding:17px 7px;border-bottom:1px solid var(--line)}.notification-row:last-child{border-bottom:0}.notification-row .notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#C7CDD7;box-shadow:0 0 0 4px color-mix(in srgb,#C7CDD7 20%,transparent)}.notification-row.unread .notification-dot{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.notification-row b{font-size:11px}.notification-row p{font-size:10px;color:var(--muted);margin:4px 0}.notification-row small{font-size:8px;color:var(--muted-2)}
.settings-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:18px;align-items:start}.brand-preview-card{min-height:100%}.brand-preview{display:flex;align-items:center;gap:13px;margin:15px 0}.brand-preview-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--surface-solid);border:1px solid var(--line);overflow:hidden}.brand-preview-logo .brand-mark,.brand-preview-logo .brand-logo-wrap{width:100%;height:100%;border-radius:15px}.brand-preview-logo .brand-logo-img{width:100%;height:100%;object-fit:contain}.brand-preview h2{margin:0;font-size:19px}.brand-preview p{margin:3px 0 0;color:var(--muted);font-size:10px}.brand-gradient-preview{min-height:190px;padding:24px;border-radius:20px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--preview-accent) 55%,transparent),transparent 38%),linear-gradient(135deg,#141725,var(--preview-primary));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.brand-gradient-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.08),transparent 75%);animation:shineSweep 6s linear infinite}.brand-gradient-preview span{font:800 7px "Manrope";letter-spacing:.16em;opacity:.7}.brand-gradient-preview b{font:800 24px/1.05 "Manrope";max-width:90%;margin-top:8px}.brand-gradient-preview strong{font:800 24px/1.05 "Manrope";color:var(--preview-accent)}.color-input{display:flex;align-items:center;gap:8px}.color-input input[type=color]{width:52px;height:42px;padding:3px;border-radius:10px}.color-input code{font-size:10px;color:var(--muted)}
.template-gallery{align-items:stretch}.template-mini{aspect-ratio:auto;min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;padding:15px}.template-mini:before{position:absolute;left:14px;top:14px}.template-mini>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#F1F3F8;color:#313948;margin:0 0 auto;position:relative}.template-mini>b{font:800 10px "Manrope";margin-top:14px}.template-mini>small{font-size:7.5px;line-height:1.45;color:#717B8E;margin-top:3px}.template-mini>em{font:800 6px "Manrope";letter-spacing:.14em;color:#A1A8B5;margin-top:7px;font-style:normal}.template-mini.aurora{background:radial-gradient(circle at 85% 15%,#DFFDF8,transparent 37%),linear-gradient(145deg,#fff,#F7F4FF)}.template-mini.executive{background:#FFFCF5}.template-mini.academic{background:linear-gradient(145deg,#fff,#F5F8FC);border-color:#183E70}.template-mini.minimal{background:#fff}.template-mini.creative{background:linear-gradient(145deg,#fff,#F2EFFF 60%,#E9FFFB)}
.sticky-savebar{position:sticky;bottom:14px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:12px 14px 12px 17px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);box-shadow:0 18px 50px rgba(26,27,54,.18);backdrop-filter:blur(20px)}.sticky-savebar b,.sticky-savebar small{display:block}.sticky-savebar b{font-size:10px}.sticky-savebar small{font-size:8px;color:var(--muted);margin-top:2px}
@keyframes shineSweep{0%{transform:translateX(-30%)}50%,100%{transform:translateX(30%)}}
@media(max-width:1180px){.stats,.grid-4{grid-template-columns:repeat(2,1fr)}.course-grid,.grid-3{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;gap:25px}.hero-copy{max-width:820px}.hero-visual{min-height:470px}.hero-workspace{max-width:700px}.feature-bento{grid-template-columns:1fr 1fr}.bento-card.tall{grid-row:span 1}.bento-card.wide{grid-column:span 1}.workflow{grid-template-columns:repeat(3,1fr)}.workflow-step:nth-child(3):after{display:none}.studio-main{grid-template-columns:1fr}.output-col{min-height:480px}.editor-col{border-right:0;border-bottom:1px solid #252C3D}.template-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:min(86vw,295px);box-shadow:0 25px 70px #05061055}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#07091299;z-index:35;opacity:0;pointer-events:none;display:block;transition:.35s;backdrop-filter:blur(4px)}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.mobile-menu{display:grid}.topbar{padding:0 16px}.content-wrap{padding:18px}.top-search{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-nav{position:static}.public-nav nav{display:none}.public-nav{padding:0 16px}.nav-actions .ghost{display:none}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.coding-shell{grid-template-columns:1fr}.challenge-pane{position:static;max-height:none}.cv-layout{grid-template-columns:1fr}.cv-builder-grid,.settings-grid{grid-template-columns:1fr}.cv-panel{position:static;max-height:none}.aff-hero{grid-template-columns:1fr}.template-gallery{grid-template-columns:repeat(2,1fr)}.dashboard-hero{grid-template-columns:1fr}.hero-metric{width:120px;height:120px}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.cursor-glow{display:none}.stats,.grid-4,.grid-3,.grid-2,.course-grid,.form-grid{grid-template-columns:1fr}.content-wrap{padding:13px}.topbar{height:68px}.topbar-title .eyebrow{display:none}.topbar-title b{font-size:14px}.top-actions{gap:6px}.icon-btn,.top-avatar{width:36px;height:36px;border-radius:12px}.card{padding:16px;border-radius:18px}.stat-card{min-height:94px}.course-thumb{height:175px}.hero{padding:58px 18px 48px}.hero h1{font-size:44px}.hero p{font-size:13px}.hero-visual{min-height:390px}.hero-workspace{border-radius:20px;transform:none}.workspace-body{grid-template-columns:1fr}.workspace-code{border-right:0}.workspace-preview{display:none}.float-chip{display:none}.public-section{padding:28px 18px 54px}.public-section .section-head h2{font-size:25px}.feature-bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento-card{min-height:175px}.workflow{grid-template-columns:1fr}.workflow-step:after{display:none!important}.public-nav .brand-copy small{display:none}.site-footer{grid-template-columns:1fr;padding:30px 18px 42px}.footer-links{flex-wrap:wrap}.auth-card-wrap{padding:24px 18px}.certificate{padding:42px 20px;min-height:600px;border-width:7px}.certificate h1{font-size:32px}.certificate .name{font-size:27px}.certificate .course-name{font-size:17px}.certificate .cert-sign-row{gap:25px}.certificate .cert-seal{width:58px;height:58px;right:22px;bottom:30px;font-size:13px}.coding-shell{display:block}.ide{border-radius:17px}.ide-top{flex-wrap:wrap}.ide-project-name{max-width:none!important;flex:1}.ide-actions{width:100%;margin:0}.ide-actions .btn{flex:1}.editor-stack{min-height:420px}.code-editor{min-height:420px}.preview-frame{min-height:320px}.console{height:140px}.referral-steps{grid-template-columns:1fr}.affiliate-link-box{flex-direction:column}.cv-project-list,.cv-cert-list{grid-template-columns:1fr}.cv-head{flex-direction:column}.cv-contact{align-items:flex-start}.cv-preview{min-height:980px}.cv-preview .cv-inner{padding:30px}.template-gallery{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr}.dashboard-hero{padding:20px}.hero-metric{display:none}.public-flash{margin:10px 14px}.section-head{align-items:flex-start;flex-direction:column}.sticky-savebar{flex-direction:column;align-items:stretch}.cv-public-toolbar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient-orb,.cursor-glow{display:none}}
@media print{body{background:#fff}.ambient-bg,.cursor-glow,.page-transition,.sidebar,.topbar,.print-hide,.site-footer,.public-nav{display:none!important}.app-shell{display:block}.content-wrap{padding:0}.certificate,.cv-preview{box-shadow:none}.main-area{display:block}.cv-layout{display:block}.cv-panel{display:none}.cv-preview{max-width:none;min-height:auto}}


/* ===== UI HOTFIX v2.0.5 ===== */
.page-transition{display:none!important}
.page-enter{animation:none!important}
body.page-leave .main-area,body.page-leave .public-main,body.page-leave .topbar,body.page-leave .public-nav,body.page-leave .content-wrap{opacity:0;transform:translateY(10px);filter:blur(2px)}
body.page-leave .sidebar{opacity:.92;transform:translateX(-4px)}
.main-area,.public-main,.topbar,.public-nav,.content-wrap,.sidebar{transition:opacity .24s var(--ease),transform .24s var(--ease),filter .24s var(--ease)}

/* smoother block reveal */
.reveal{opacity:0;transform:translateY(18px) scale(.985);filter:blur(10px);transition:opacity .72s var(--ease),transform .72s var(--ease),filter .72s var(--ease)}
.reveal.in-view{opacity:1;transform:none;filter:none}

/* premium form redesign */
.form-grid{gap:18px}
.field{position:relative;gap:8px}
.field label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 82%,var(--ink));transition:color .25s var(--ease),transform .25s var(--ease)}
.field:focus-within label{color:var(--primary);transform:translateX(2px)}
.field .help{font-size:9px;line-height:1.45;color:var(--muted);padding-left:2px}
.input,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="datetime-local"],input[type="file"],input[type="color"]{
  min-height:52px;
  padding:14px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,255,.92));
  border:1px solid color-mix(in srgb,var(--line-strong) 90%,transparent);
  border-radius:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px rgba(18,24,45,.04);
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease),background .25s var(--ease);
}
html[data-theme="dark"] .input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] input[type="text"],html[data-theme="dark"] input[type="email"],html[data-theme="dark"] input[type="password"],html[data-theme="dark"] input[type="number"],html[data-theme="dark"] input[type="url"],html[data-theme="dark"] input[type="datetime-local"],html[data-theme="dark"] input[type="file"],html[data-theme="dark"] input[type="color"]{background:linear-gradient(180deg,rgba(24,28,42,.96),rgba(18,21,33,.94));box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.18)}
textarea{min-height:148px;line-height:1.65}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}
.input:hover,select:hover,textarea:hover,input:hover{border-color:color-mix(in srgb,var(--primary) 18%,var(--line-strong));box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 28px rgba(18,24,45,.06)}
.input:focus,select:focus,textarea:focus,input:focus{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 64%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(250,251,255,.96));box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 10%,transparent),0 18px 40px color-mix(in srgb,var(--primary) 12%,transparent)}
html[data-theme="dark"] .input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus,html[data-theme="dark"] input:focus{background:linear-gradient(180deg,rgba(27,32,48,.98),rgba(20,24,36,.96))}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,color-mix(in srgb,var(--muted) 92%,transparent) 50%),linear-gradient(135deg,color-mix(in srgb,var(--muted) 92%,transparent) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}
input[type="file"]{padding:12px 14px}
input[type="color"]{padding:6px;min-height:52px}
.card form,.card .form-grid,.card .field{position:relative;z-index:1}

/* subtle grouped-card polish */
.card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 92%,transparent),color-mix(in srgb,var(--surface-solid) 86%,transparent));border:1px solid color-mix(in srgb,var(--line) 92%,transparent)}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 3%,transparent),transparent 35%,color-mix(in srgb,var(--accent) 4%,transparent));pointer-events:none}


/* ===== FORM STYLE OVERRIDE v2.0.6 ===== */
.field{margin-bottom:2px}
.field label{font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#6B7288!important;margin-bottom:4px!important}
html[data-theme="dark"] .field label{color:#A8AEC4!important}

/* make every input box visually premium and obvious */
.field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.field select,
.field textarea,
input.input,
select.input,
textarea.input,
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="datetime-local"],input[type="file"],textarea,select{
  width:100%!important;
  min-height:56px!important;
  padding:15px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(109,94,249,.16)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFF 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset, 0 10px 24px rgba(77,91,124,.08), 0 0 0 4px rgba(109,94,249,.04)!important;
  color:var(--ink)!important;
  outline:none!important;
}
html[data-theme="dark"] .field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] input.input,
html[data-theme="dark"] select.input,
html[data-theme="dark"] textarea.input,
html[data-theme="dark"] input[type="text"],html[data-theme="dark"] input[type="email"],html[data-theme="dark"] input[type="password"],html[data-theme="dark"] input[type="number"],html[data-theme="dark"] input[type="url"],html[data-theme="dark"] input[type="datetime-local"],html[data-theme="dark"] input[type="file"],html[data-theme="dark"] textarea,html[data-theme="dark"] select{
  background:linear-gradient(180deg,#1B2030 0%,#161B28 100%)!important;
  border-color:rgba(138,124,255,.22)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 10px 24px rgba(0,0,0,.22), 0 0 0 4px rgba(109,94,249,.08)!important;
}
.field textarea,textarea{min-height:150px!important;padding-top:16px!important;line-height:1.6!important}
.field input::placeholder,.field textarea::placeholder,input::placeholder,textarea::placeholder{color:#A3AAC0!important}
.field input:hover,.field select:hover,.field textarea:hover,input:hover,select:hover,textarea:hover{
  border-color:rgba(109,94,249,.28)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset, 0 14px 30px rgba(77,91,124,.11), 0 0 0 4px rgba(109,94,249,.06)!important;
}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(109,94,249,.58)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFCFF 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.98) inset, 0 18px 34px rgba(109,94,249,.12), 0 0 0 5px rgba(109,94,249,.12)!important;
}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{
  background:linear-gradient(180deg,#20263A 0%,#1A2030 100%)!important;
}

/* nicer select arrow */
.field select,select{appearance:none!important;background-image:linear-gradient(45deg,transparent 50%,#7E86A6 50%),linear-gradient(135deg,#7E86A6 50%,transparent 50%)!important;background-position:calc(100% - 22px) calc(50% - 2px),calc(100% - 15px) calc(50% - 2px)!important;background-size:7px 7px,7px 7px!important;background-repeat:no-repeat!important;padding-right:46px!important}

/* file input and color input */
input[type="file"]{padding:12px 14px!important}
input[type="color"]{padding:6px!important;min-height:56px!important;border-radius:18px!important}

/* make cards around forms feel cleaner */
.card form{display:block}
.card .form-grid{gap:16px 18px!important}
.card:has(.form-grid), .card:has(form){box-shadow:0 18px 44px rgba(28,33,61,.08)!important}