body.ref-hide-default .topbar,
body.ref-hide-default .site-header,
body.ref-hide-default .legal-strip,
body.ref-hide-default .site-footer,
body.ref-hide-default .floating-wa,
body.ref-hide-default .ai-widget{display:none!important;}
body.ref-hide-default main{padding:0;margin:0;}
body.ref-hide-default{background:#eef4f9;color:#0d2644;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
body.ref-hide-default *{box-sizing:border-box;}
body.ref-hide-default a{text-decoration:none;color:inherit;}
.ref-page{min-height:100vh;padding:16px;}
.ref-shell{max-width:1440px;margin:0 auto;}
.ref-app-wrap,.ref-public-wrap{background:#f5f8fc;border:1px solid #dfe8f1;border-radius:28px;box-shadow:0 30px 80px rgba(5,32,61,.10);overflow:hidden;}
.ref-card{background:#fff;border:1px solid #e4ecf4;border-radius:24px;box-shadow:0 10px 26px rgba(11,32,58,.06);}
.ref-soft-card{background:#f9fbfe;border:1px solid #e5edf5;border-radius:20px;}
.ref-btn,.ref-btn-outline,.ref-chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:13px 22px;font-weight:700;font-size:15px;line-height:1;border:1px solid transparent;transition:.2s ease;}
.ref-btn{background:linear-gradient(135deg,#17a562,#10935b);color:#fff;box-shadow:0 14px 30px rgba(23,165,98,.25);}
.ref-btn:hover{transform:translateY(-1px);}
.ref-btn-outline{background:#fff;border-color:#cad8e5;color:#133257;}
.ref-chip-btn{padding:10px 16px;border-radius:12px;background:#082349;color:#fff;border-color:rgba(255,255,255,.15);}
.ref-page h1,.ref-page h2,.ref-page h3,.ref-page h4{margin:0;color:#0f2950;letter-spacing:-.02em;}
.ref-page p{margin:0;color:#506783;line-height:1.65;}
.ref-tag{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#e8f8ef;color:#108552;font-size:13px;font-weight:700;}
.ref-muted{color:#6d829b;}
.ref-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.ref-metric{padding:24px;border-radius:20px;background:#fff;border:1px solid #e4ecf4;display:flex;align-items:center;gap:16px;min-height:118px;}
.ref-metric__icon{width:56px;height:56px;border-radius:18px;background:#eef7f3;color:#0e8e57;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex:0 0 auto;}
.ref-metric__content strong{display:block;font-size:40px;line-height:1;color:#0f2950;}
.ref-metric__content span{display:block;margin-top:8px;font-weight:700;color:#244264;}
.ref-metric__content small{display:block;margin-top:6px;color:#1fa767;font-weight:700;}
.ref-app{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f5f8fc;}
.ref-sidebar{background:radial-gradient(circle at top,#0b3568 0%,#07254d 52%,#061a39 100%);color:#d9e9ff;padding:18px 16px 18px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:18px;}
.ref-brand{display:flex;align-items:center;gap:14px;padding:12px 10px 18px;}
.ref-brand img{width:150px;max-width:100%;height:auto;}
.ref-brand small{display:block;color:#98b1ce;line-height:1.5;}
.ref-nav{display:flex;flex-direction:column;gap:6px;}
.ref-nav__group{margin-top:10px;padding:0 10px;color:#87a2c1;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.ref-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:#f4f8ff;font-weight:600;opacity:.92;}
.ref-nav a span:first-child{width:22px;text-align:center;color:#b8d5f8;}
.ref-nav a.active,.ref-nav a:hover{background:linear-gradient(90deg,rgba(18,163,99,.30),rgba(18,163,99,.10));box-shadow:inset 0 0 0 1px rgba(39,190,116,.18);}
.ref-sidebar-help{margin-top:auto;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(11,40,80,.92),rgba(8,28,57,.98));border:1px solid rgba(255,255,255,.07);}
.ref-sidebar-help h4{font-size:17px;color:#fff;margin-bottom:6px;}
.ref-sidebar-help p,.ref-sidebar-help small{color:#bad0e6;}
.ref-sidebar-help .ref-btn{width:100%;margin-top:16px;padding:13px 16px;}
.ref-sidebar-image{margin-top:14px;border-radius:18px;overflow:hidden;min-height:160px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));display:flex;align-items:flex-end;justify-content:center;}
.ref-sidebar-image img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;}
.ref-main{padding:18px 20px 24px;min-width:0;}
.ref-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 10px 18px;}
.ref-topbar__title h1{font-size:24px;}
.ref-topbar__title p{margin-top:5px;font-size:17px;}
.ref-topbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ref-user-chip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2ebf4;padding:10px 14px;border-radius:16px;min-width:190px;}
.ref-avatar{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#0f315e,#0a7d57);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.ref-user-chip strong{display:block;color:#0f2950;}
.ref-user-chip span{display:block;color:#6c829c;font-size:13px;margin-top:2px;}
.ref-icon-btn{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid #dfe8f2;display:flex;align-items:center;justify-content:center;color:#133257;font-weight:700;}
.ref-page-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 370px;gap:18px;}
.ref-panel{background:#fff;border:1px solid #e4ecf4;border-radius:24px;padding:22px;}
.ref-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;}
.ref-panel__head h2{font-size:26px;}
.ref-panel__head p{margin-top:5px;}
.ref-list{display:flex;flex-direction:column;gap:14px;}
.ref-course-item{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:14px;border:1px solid #e4ecf4;border-radius:20px;background:#fff;align-items:center;}
.ref-course-item img{width:100%;height:94px;border-radius:16px;object-fit:cover;background:#dce6f2;}
.ref-course-item__meta{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;align-items:center;}
.ref-course-item h3{font-size:24px;margin-bottom:8px;}
.ref-course-item__sub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#6f859c;font-size:14px;font-weight:600;}
.ref-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8f7ef;color:#12945c;font-size:12px;font-weight:800;}
.ref-progress{height:10px;border-radius:999px;background:#edf2f6;overflow:hidden;margin-top:14px;}
.ref-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0a7f58,#1cbb73);}
.ref-course-item__side{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.ref-course-item__side strong{font-size:22px;color:#103156;}
.ref-kpi-card,.ref-mini-card{padding:20px;border-radius:22px;background:#fff;border:1px solid #e4ecf4;}
.ref-widget-list{display:flex;flex-direction:column;gap:14px;}
.ref-date-item,.ref-cert-item,.ref-resource-card{padding:16px;border:1px solid #e4ecf4;border-radius:18px;background:#fff;display:flex;align-items:center;gap:14px;}
.ref-date-box{width:64px;flex:0 0 auto;border-radius:18px;background:#f4f8fc;border:1px solid #e4ecf4;padding:10px;text-align:center;}
.ref-date-box strong{display:block;font-size:28px;color:#0e2a4c;line-height:1;}
.ref-date-box span{display:block;color:#6f849d;font-size:12px;font-weight:800;letter-spacing:.08em;}
.ref-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;}
.ref-badge--green{background:#eaf8ef;color:#12945c;}
.ref-badge--blue{background:#edf4ff;color:#4f73d2;}
.ref-badge--orange{background:#fff3e6;color:#d07b19;}
.ref-badge--gray{background:#edf2f6;color:#6f849d;}
.ref-mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ref-product-card,.ref-feature-card,.ref-admin-link{background:#fff;border:1px solid #e4ecf4;border-radius:20px;overflow:hidden;}
.ref-product-card img{width:100%;height:146px;object-fit:cover;display:block;background:#dce7f2;}
.ref-product-card__body{padding:16px;display:flex;flex-direction:column;gap:12px;}
.ref-product-card__body h3{font-size:22px;line-height:1.2;}
.ref-rating{display:flex;align-items:center;gap:10px;color:#6c829c;font-size:14px;font-weight:600;}
.ref-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-weight:800;color:#0f2950;}
.ref-motivation{background:linear-gradient(135deg,#06234c,#052d67);color:#fff;padding:26px;border-radius:24px;position:relative;overflow:hidden;}
.ref-motivation h3,.ref-motivation p,.ref-motivation strong{color:#fff;}
.ref-motivation .ref-progress{background:rgba(255,255,255,.14);}
.ref-table-list{display:grid;gap:14px;}
.ref-table-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid #ebf1f6;}
.ref-table-row:last-child{border-bottom:none;}
.ref-split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;}
.ref-video{background:radial-gradient(circle at top right,rgba(6,77,160,.45),transparent 30%),linear-gradient(135deg,#051833,#072454 65%,#083165);min-height:420px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.ref-video img{width:290px;max-width:56%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25));}
.ref-video__controls{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:700;}
.ref-video__bar{position:absolute;left:20px;right:20px;bottom:62px;height:4px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;}
.ref-video__bar span{display:block;width:23%;height:100%;background:linear-gradient(90deg,#21c782,#d5f8e3);}
.ref-tabs{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7eef5;margin:20px 0 18px;padding-bottom:14px;flex-wrap:wrap;}
.ref-tabs a{padding:10px 14px;border-radius:12px;color:#0f2950;font-weight:700;}
.ref-tabs a.active{background:#edf8f1;color:#118d57;}
.ref-note-box{padding:18px 20px;border-radius:18px;background:#f8fbff;border:1px solid #dfeaf6;display:flex;gap:14px;align-items:flex-start;}
.ref-note-box__icon{width:42px;height:42px;border-radius:14px;background:#ecf4ff;color:#3466d6;display:flex;align-items:center;justify-content:center;font-weight:800;}
.ref-comment{display:flex;gap:14px;padding-top:18px;border-top:1px solid #ecf1f6;margin-top:18px;}
.ref-comment textarea{width:100%;min-height:46px;border:1px solid #dbe5ef;border-radius:14px;padding:12px 14px;resize:vertical;}
.ref-module-list{display:flex;flex-direction:column;gap:12px;}
.ref-module{padding:14px 16px;border:1px solid #e4ecf4;border-radius:18px;background:#fff;}
.ref-module h4{font-size:18px;margin-bottom:8px;}
.ref-module ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.ref-module li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#5a738f;}
.ref-module li.active{background:#f3faf6;border-radius:12px;padding:10px 12px;color:#0c7f53;font-weight:700;}
.ref-quiz label{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid #e2ebf3;margin-top:10px;color:#40607e;font-weight:600;}
.ref-lesson-next{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #e4ecf4;border-radius:16px;}
.ref-lesson-next img{width:92px;height:64px;object-fit:cover;border-radius:14px;}
.ref-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;}
.ref-builder-card{background:#fff;border:1px solid #e4ecf4;border-radius:22px;padding:18px;}
.ref-builder-tabs{display:flex;gap:12px;border-bottom:1px solid #e7eef5;padding-bottom:14px;margin-bottom:18px;flex-wrap:wrap;}
.ref-builder-tabs a{padding:10px 10px 14px;font-weight:700;color:#6d839d;border-bottom:3px solid transparent;}
.ref-builder-tabs a.active{color:#118d57;border-color:#18ab67;}
.ref-module-block{padding:14px;border:1px solid #e3ebf3;border-radius:18px;margin-top:12px;background:#fff;}
.ref-lesson-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid #e4edf4;border-radius:16px;background:#f8fbfe;margin-top:10px;}
.ref-icon-circle{width:34px;height:34px;border-radius:12px;background:#eef7f1;display:flex;align-items:center;justify-content:center;color:#0f8f59;font-weight:800;}
.ref-form-stack{display:grid;gap:14px;}
.ref-field label{display:block;font-size:13px;color:#5e7690;font-weight:700;margin-bottom:6px;}
.ref-field input,.ref-field textarea,.ref-field select{width:100%;border:1px solid #d9e4ef;border-radius:14px;padding:12px 14px;background:#fff;color:#153359;font-size:14px;}
.ref-field textarea{min-height:110px;resize:vertical;}
.ref-upload-box{border:1px dashed #c8d7e7;border-radius:18px;padding:24px;text-align:center;background:#fbfdff;}
.ref-admin-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ref-admin-link{padding:18px;display:flex;gap:14px;align-items:flex-start;justify-content:space-between;}
.ref-admin-link__icon{width:48px;height:48px;border-radius:16px;background:#ecf6ef;color:#0f8a57;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex:0 0 auto;}
.ref-admin-stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.ref-notice{padding:18px 20px;border-radius:18px;border:1px solid #dfe8f1;background:#fff;}
.ref-notice--info{background:#f8fbff;}
.ref-notice--success{background:#f2fbf5;}
.ref-hero-public{background:linear-gradient(135deg,#061a3d 0%,#072958 55%,#0b325e 100%);color:#fff;padding:28px 34px 0;position:relative;overflow:hidden;}
.ref-public-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;}
.ref-public-nav__left,.ref-public-nav__right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ref-public-nav .ref-brand img{width:170px;}
.ref-public-nav a{color:#d5e6ff;font-weight:600;}
.ref-public-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:center;}
.ref-public-copy h1{font-size:68px;line-height:1.02;color:#fff;max-width:700px;}
.ref-public-copy p{font-size:22px;color:#d3e3f6;margin-top:18px;max-width:690px;}
.ref-public-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;}
.ref-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;}
.ref-feature-strip article{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;}
.ref-feature-strip strong{display:block;color:#fff;margin-bottom:8px;}
.ref-public-visual{position:relative;min-height:520px;display:flex;align-items:flex-end;justify-content:center;}
.ref-public-visual img{width:100%;max-width:640px;object-fit:contain;display:block;filter:drop-shadow(0 30px 50px rgba(0,0,0,.28));}
.ref-floating-widget{position:absolute;background:rgba(255,255,255,.10);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;color:#fff;box-shadow:0 14px 30px rgba(2,12,29,.18);}
.ref-floating-widget strong{display:block;color:#fff;font-size:14px;margin-bottom:10px;}
.ref-floating-widget--top{right:30px;top:90px;width:220px;}
.ref-floating-widget--bottom{right:8px;bottom:70px;width:250px;}
.ref-chart-line{height:90px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05));position:relative;overflow:hidden;}
.ref-chart-line:before{content:"";position:absolute;inset:auto 0 14px 0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);}
.ref-chart-line:after{content:"";position:absolute;left:16px;right:16px;top:20px;height:44px;border:3px solid transparent;border-top-color:#8fdcc4;border-right-color:#8fdcc4;border-radius:0 28px 0 0;transform:skewX(-25deg);}
.ref-stats-bar{margin:-36px 34px 0;background:#fff;border:1px solid #e4ecf4;border-radius:24px;box-shadow:0 20px 50px rgba(7,31,58,.12);padding:22px 26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative;z-index:2;}
.ref-stat-block{display:flex;align-items:center;gap:16px;justify-content:center;}
.ref-stat-block__icon{width:44px;height:44px;border-radius:14px;background:#eef7f1;color:#10915a;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;}
.ref-stat-block strong{display:block;font-size:24px;color:#0f2950;}
.ref-public-body{padding:32px 34px 34px;background:#fff;}
.ref-two-col{display:grid;grid-template-columns:1.35fr .95fr;gap:24px;}
.ref-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ref-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ref-category-grid a{padding:18px;border:1px solid #e3ebf3;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;color:#1f4164;min-height:72px;}
.ref-quote-card{padding:28px;border:1px solid #e4ecf4;border-radius:24px;background:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;}
.ref-quote-card blockquote{font-size:28px;line-height:1.4;color:#123155;margin:0;}
.ref-newsletter{margin-top:28px;padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#06224a,#07366a);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;}
.ref-newsletter strong,.ref-newsletter p{color:#fff;}
.ref-newsletter form{display:flex;align-items:center;gap:14px;flex:1;justify-content:flex-end;}
.ref-newsletter input{max-width:380px;width:100%;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;}
.ref-public-footer{margin-top:26px;padding:28px 34px;background:#061a39;color:#d5e6ff;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:18px;}
.ref-public-footer h4{color:#fff;font-size:18px;margin-bottom:10px;}
.ref-public-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.ref-page-title{margin-bottom:18px;}
.ref-page-title h1{font-size:52px;}
.ref-page-title p{font-size:18px;margin-top:6px;}
.ref-filter-bar{display:grid;grid-template-columns:1.35fr repeat(3,.55fr) .45fr;gap:14px;margin-bottom:22px;}
.ref-search,.ref-filter{background:#fff;border:1px solid #e3ebf3;border-radius:16px;padding:16px 18px;color:#6f859d;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ref-catalog-tabs{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:18px;color:#27486b;font-weight:700;}
.ref-catalog-tabs .active{padding:12px 18px;border-radius:14px;background:#eff8f2;color:#118d57;}
.ref-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.ref-course-top{display:grid;grid-template-columns:minmax(0,1.4fr) 340px;gap:20px;}
.ref-course-hero{padding:24px;border-radius:24px;background:#fff;border:1px solid #e4ecf4;}
.ref-course-cover{position:relative;border-radius:22px;overflow:hidden;min-height:310px;background:#d8e4ef;display:flex;align-items:flex-end;}
.ref-course-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.ref-play{position:absolute;left:24px;bottom:24px;width:66px;height:66px;border-radius:999px;background:rgba(20,166,98,.92);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;}
.ref-course-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px;color:#dfe8f6;}
.ref-course-summary{padding:22px;border-radius:22px;background:#fff;border:1px solid #e4ecf4;display:flex;flex-direction:column;gap:18px;align-self:start;}
.ref-price-big{font-size:62px;line-height:1;color:#0f2950;font-weight:900;display:flex;align-items:flex-start;gap:8px;}
.ref-check-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.ref-check-list li{display:flex;gap:10px;align-items:flex-start;color:#456480;}
.ref-check-list li:before{content:"✓";color:#11915a;font-weight:900;}
.ref-course-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:18px;}
.ref-accordion{display:grid;gap:10px;}
.ref-accordion .ref-soft-card{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ref-payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 0 22px;align-items:start;}
.ref-step{display:flex;align-items:flex-start;gap:12px;position:relative;}
.ref-step:after{content:"";position:absolute;left:56px;right:-14px;top:18px;height:2px;background:#dfe8f1;}
.ref-step:last-child:after{display:none;}
.ref-step__num{width:40px;height:40px;border-radius:999px;background:#eef3f8;border:1px solid #d8e4ef;display:flex;align-items:center;justify-content:center;font-weight:800;color:#44617d;}
.ref-step.active .ref-step__num{background:#17a562;color:#fff;border-color:#17a562;}
.ref-checkout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:20px;}
.ref-form-card{padding:22px;border-radius:24px;background:#fff;border:1px solid #e4ecf4;}
.ref-form-card h3{font-size:26px;margin-bottom:16px;}
.ref-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ref-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.ref-form-grid .full{grid-column:1/-1;}
.ref-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;}
.ref-method{padding:16px;border-radius:18px;border:1px solid #dfe8f1;background:#fff;min-height:138px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;}
.ref-method.active{border-color:#17a562;box-shadow:0 0 0 3px rgba(23,165,98,.08);}
.ref-qr-box{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px;border-radius:20px;border:1px solid #e4ecf4;background:#fff;margin-top:14px;align-items:start;}
.ref-qr{width:130px;height:130px;border-radius:14px;background:repeating-linear-gradient(45deg,#0a2141 0,#0a2141 6px,#fff 6px,#fff 12px);}
.ref-summary-sticky{position:sticky;top:20px;display:grid;gap:18px;}
.ref-summary-card{padding:22px;border-radius:24px;background:#fff;border:1px solid #e4ecf4;}
.ref-summary-product{display:flex;gap:14px;margin-top:16px;}
.ref-summary-product img{width:120px;height:120px;border-radius:18px;object-fit:cover;}
.ref-compact-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.ref-compact-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#47647f;}
.ref-login-shell{background:#eef4f8;padding:18px;}
.ref-login-card{background:#fff;border:1px solid #e2ebf3;border-radius:28px;min-height:calc(100vh - 36px);overflow:hidden;display:grid;grid-template-columns:1.18fr .92fr;}
.ref-login-left{padding:22px 26px 0;position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#fcfeff,#eef5fb 75%);}
.ref-login-logo img{width:180px;height:auto;}
.ref-login-content{display:grid;grid-template-columns:1fr 360px;gap:10px;align-items:center;flex:1;padding:30px 18px 0 14px;}
.ref-login-copy{padding:10px 14px 20px;max-width:450px;}
.ref-login-copy h1{font-size:74px;line-height:1.05;}
.ref-login-copy p{font-size:19px;margin-top:18px;}
.ref-login-points{display:grid;gap:24px;margin-top:36px;}
.ref-login-point{display:flex;gap:16px;align-items:flex-start;}
.ref-login-point__icon{width:54px;height:54px;border-radius:999px;background:#edf7f1;color:#0f9058;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex:0 0 auto;}
.ref-login-media{align-self:end;display:flex;justify-content:center;position:relative;min-height:560px;}
.ref-login-media img{width:100%;max-width:420px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 24px 40px rgba(13,34,66,.14));}
.ref-login-form-side{padding:46px 44px;background:#f9fbfd;display:flex;align-items:center;justify-content:center;}
.ref-login-form-card{width:100%;max-width:560px;padding:26px;border-radius:28px;background:#fff;border:1px solid #e2ebf3;box-shadow:0 18px 50px rgba(8,32,62,.08);}
.ref-login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f6f9fc;border:1px solid #e2ebf3;border-radius:18px;overflow:hidden;margin-bottom:26px;}
.ref-login-tabs a{padding:18px 14px;text-align:center;font-weight:800;color:#617793;}
.ref-login-tabs a.active{background:#fff;color:#0f2950;box-shadow:inset 0 -3px 0 #18aa67;}
.ref-login-form-card h2{font-size:36px;margin-bottom:6px;}
.ref-login-form{display:grid;gap:16px;margin-top:18px;}
.ref-login-form input{width:100%;border:1px solid #dbe6ef;border-radius:14px;padding:16px 16px;background:#fff;font-size:15px;}
.ref-login-form .ref-btn{width:100%;margin-top:6px;padding:17px 18px;font-size:16px;}
.ref-row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ref-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;}
.ref-social-btn{padding:14px 12px;border-radius:14px;border:1px solid #dde7f0;background:#fff;text-align:center;font-weight:700;color:#204263;}
.ref-security-box{margin-top:18px;padding:18px;border-radius:18px;background:#f8fbfe;border:1px solid #e4ecf4;display:flex;gap:14px;align-items:flex-start;}
.ref-login-bottom-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 26px;background:#fff;border-top:1px solid #e6eef5;}
.ref-login-stat{display:flex;align-items:center;gap:14px;justify-content:center;}
.ref-login-stat strong{display:block;font-size:24px;color:#0f2950;}
.ref-login-footer{padding:32px 26px;background:#031b3f;color:#d9e7ff;display:grid;grid-template-columns:1.2fr repeat(4,.8fr) 1fr;gap:20px;}
.ref-login-footer h4{color:#fff;font-size:16px;margin:0 0 10px;}
.ref-login-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ref-login-support{border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:18px;background:rgba(255,255,255,.03);}
.form-errors{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:#fff3f3;border:1px solid #f0c6c6;color:#8a3232;}
.form-errors ul{margin:10px 0 0;padding-left:18px;}
@media (max-width: 1280px){
  .ref-login-card,.ref-public-hero-grid,.ref-page-grid,.ref-split,.ref-builder-grid,.ref-course-top,.ref-course-body,.ref-checkout-grid,.ref-app{grid-template-columns:1fr;}
  .ref-login-content{grid-template-columns:1fr;}
  .ref-login-media{min-height:320px;}
  .ref-sidebar{min-height:auto;}
  .ref-stats-bar,.ref-admin-stat-row,.ref-catalog-grid,.ref-grid-3,.ref-category-grid,.ref-admin-links,.ref-method-grid,.ref-feature-strip,.ref-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ref-public-footer,.ref-login-footer{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ref-filter-bar{grid-template-columns:1fr 1fr;}
}
@media (max-width: 860px){
  .ref-page{padding:8px;}
  .ref-login-bottom-stats,.ref-stats-bar,.ref-admin-stat-row,.ref-filter-bar,.ref-catalog-grid,.ref-grid-3,.ref-category-grid,.ref-admin-links,.ref-method-grid,.ref-feature-strip,.ref-metric-grid,.ref-mini-cards,.ref-form-grid,.ref-form-grid--2,.ref-public-footer,.ref-login-footer{grid-template-columns:1fr;}
  .ref-public-copy h1,.ref-login-copy h1,.ref-page-title h1{font-size:42px;}
  .ref-topbar{padding-inline:0;flex-direction:column;align-items:flex-start;}
  .ref-main{padding:14px;}
  .ref-course-item,.ref-course-item__meta,.ref-qr-box{grid-template-columns:1fr;}
  .ref-public-body,.ref-hero-public{padding:22px 18px;}
  .ref-stats-bar{margin:0 18px;}
  .ref-login-form-side{padding:20px;}
  .ref-login-left{padding:18px;}
}


.ref-register-form{display:grid;gap:16px;margin-top:18px}
.ref-check-note{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#5e748d;line-height:1.55}
.ref-check-note input{margin-top:4px}
.ref-check-note a{color:#17a562;font-weight:700}
.ref-support-hero{display:grid;grid-template-columns:minmax(0,1.4fr) 360px;gap:24px;background:linear-gradient(135deg,#0b2346 0%,#0e2f5e 60%,#103566 100%);padding:34px;border-radius:30px;color:#fff;align-items:start}
.ref-support-hero h1{font-size:48px;line-height:1.08;margin:18px 0 14px}
.ref-support-hero p{font-size:18px;line-height:1.6;color:#dce9f7}
.ref-support-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px}
.ref-support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.ref-support-grid .ref-soft-card{padding:22px}
.ref-support-grid h3{font-size:22px;margin:12px 0}
.ref-support-grid ol{margin:0;padding-left:20px;color:#546b84;line-height:1.7}
.ref-faq-stack{display:grid;gap:14px}
.ref-faq-item{padding:16px 18px;border:1px solid #e8eef5;border-radius:18px;background:#fff}
.ref-faq-item strong{display:block;font-size:17px;color:#0f2950}
.ref-faq-item p{margin-top:8px;color:#5d748e;line-height:1.6}



@media (max-width:1200px){.ref-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-support-hero{grid-template-columns:1fr}}
@media (max-width:900px){.ref-support-grid{grid-template-columns:1fr}}



/* ================= STRICT 1:1 MODULE REVIEW — SALUS FORTE =================
   Ajustes finales por módulos: alineación, jerarquía, sidebar, headers,
   cards, formularios, botones, tablas y bloques de contenido.
============================================================================ */
.ref-page{padding:18px;background:linear-gradient(180deg,#eef4f9 0%,#f7fafc 100%);}
.ref-app-wrap,.ref-public-wrap,.ref-login-card{border-radius:32px;border:1px solid #dce6f1;box-shadow:0 34px 90px rgba(4,31,61,.13);}
.ref-sidebar{padding:20px 16px;gap:16px;border-top-left-radius:28px;border-bottom-left-radius:28px;background:radial-gradient(circle at 15% 0%,rgba(28,187,113,.16),transparent 220px),linear-gradient(180deg,#062a56 0%,#062245 46%,#04152f 100%);}
.ref-brand{padding:10px 10px 18px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08);}
.ref-brand img{width:168px;max-height:68px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));}
.ref-nav{gap:5px}
.ref-nav a{min-height:46px;font-size:14.5px;border:1px solid transparent}
.ref-nav a span:first-child{font-size:18px}
.ref-nav a.active{background:linear-gradient(90deg,rgba(18,169,102,.34),rgba(18,169,102,.12));border-color:rgba(20,185,116,.22)}
.ref-nav__group{margin-top:12px;margin-bottom:2px}
.ref-sidebar-help{padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10)}
.ref-main{padding:20px 22px 26px;background:#f6f9fc}
.ref-topbar{padding:6px 4px 18px;border-bottom:1px solid #e3ebf4;margin-bottom:18px}
.ref-topbar__title h1{font-size:30px;line-height:1.12}
.ref-topbar__title p{font-size:16px;color:#6c8097}
.ref-topbar__actions{gap:10px}
.ref-user-chip{height:64px;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(8,32,62,.05)}
.ref-avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ref-metric-grid{gap:16px;margin-bottom:20px}
.ref-metric{border-radius:24px;padding:22px;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 14px 34px rgba(5,33,64,.07)}
.ref-metric__icon{border-radius:17px;background:linear-gradient(135deg,#eaf8f0,#edf5ff);color:#0c8352}
.ref-metric__content strong{font-size:38px}
.ref-panel,.ref-mini-card,.ref-form-card,.ref-summary-card,.ref-course-hero,.ref-course-summary,.ref-builder-card{border-radius:26px;border-color:#dfe9f3;box-shadow:0 18px 48px rgba(5,33,64,.08);background:#fff}
.ref-panel{padding:24px}
.ref-panel__head{gap:16px;margin-bottom:20px}
.ref-panel__head h2{font-size:27px}
.ref-btn,.ref-btn-outline,.ref-chip-btn{border-radius:15px;font-weight:800;min-height:45px}
.ref-btn{background:linear-gradient(135deg,#14ad68,#0b8d59);box-shadow:0 14px 32px rgba(16,185,129,.24)}
.ref-btn-outline{border-color:#d2dfeb;background:#fff;color:#153960}
.ref-icon-btn{border-radius:15px;background:#fff;box-shadow:0 8px 18px rgba(5,33,64,.05)}
.ref-admin-links{gap:16px}
.ref-admin-link{min-height:132px;border-radius:23px;padding:20px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.18s ease}
.ref-admin-link:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(4,31,61,.10)}
.ref-admin-link__icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#edf8f1,#eaf2ff)}
.ref-kpi-card{border-radius:22px;min-height:112px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 12px 30px rgba(5,33,64,.06)}
.ref-course-item{border-radius:23px;background:linear-gradient(180deg,#fff,#fbfdff)}
.ref-course-item img{height:105px;border-radius:18px}
.ref-course-item h3{font-size:23px}
.ref-progress{height:11px}
.ref-date-item,.ref-cert-item,.ref-resource-card{border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff)}
.ref-product-card{border-radius:24px;box-shadow:0 16px 36px rgba(5,33,64,.08)}
.ref-product-card img{height:158px}
.ref-product-card__body{padding:18px}
.ref-product-card__body h3{font-size:21px}
.ref-public-wrap{background:#fff}
.ref-hero-public{border-radius:0;background:radial-gradient(circle at 85% 20%,rgba(22,178,111,.22),transparent 280px),linear-gradient(135deg,#051735 0%,#082a59 54%,#073c6b 100%)}
.ref-public-nav{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.ref-public-copy h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.055em}
.ref-public-copy p{max-width:760px}
.ref-feature-strip article{backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ref-stats-bar{border-radius:26px}
.ref-stat-block strong{font-size:26px}
.ref-public-body{padding:36px}
.ref-newsletter{border-radius:26px}
.ref-public-footer{background:radial-gradient(circle at left top,rgba(22,178,111,.10),transparent 240px),#041733}
.ref-login-card{grid-template-columns:1.08fr .92fr}
.ref-login-left{background:radial-gradient(circle at 25% 20%,rgba(18,178,107,.10),transparent 260px),linear-gradient(135deg,#ffffff,#edf5fb)}
.ref-login-logo img{width:190px;max-height:74px;object-fit:contain}
.ref-login-copy h1{font-size:clamp(48px,5.3vw,76px);letter-spacing:-.06em}
.ref-login-media img{max-width:450px}
.ref-login-form-side{background:linear-gradient(180deg,#f7fafc,#eef4f9)}
.ref-login-form-card{border-radius:30px}
.ref-login-tabs{border-radius:18px}
.ref-login-tabs a{min-height:56px;display:flex;align-items:center;justify-content:center}
.ref-form-grid{gap:14px}
.ref-field input,.ref-field textarea,.ref-field select,.ref-login-form input{min-height:50px;border-color:#d4e0eb}
.ref-method{border-radius:22px}
.ref-qr-box{border-radius:24px}
.ref-course-cover{border-radius:26px;min-height:360px}
.ref-price-big{font-size:56px}
.ref-video{border-radius:28px;min-height:460px}
.ref-video img{max-width:360px}
.ref-builder-grid{grid-template-columns:minmax(0,1.22fr) 390px}
.ref-builder-card{padding:22px}
.ref-module-block{border-radius:22px}
.ref-lesson-row{border-radius:18px}
.ref-support-hero{border-radius:30px}
.ref-support-grid .ref-soft-card{border-radius:24px}
@media(max-width:1280px){
  .ref-app,.ref-login-card,.ref-page-grid,.ref-split,.ref-builder-grid,.ref-course-top,.ref-course-body,.ref-checkout-grid{grid-template-columns:1fr}
  .ref-sidebar{border-radius:28px}
  .ref-admin-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .ref-page{padding:8px}
  .ref-main{padding:14px}
  .ref-admin-links,.ref-admin-stat-row,.ref-metric-grid,.ref-catalog-grid,.ref-grid-3,.ref-method-grid,.ref-form-grid,.ref-public-footer,.ref-stats-bar{grid-template-columns:1fr}
  .ref-topbar{align-items:stretch}
  .ref-topbar__actions{width:100%}
  .ref-btn,.ref-btn-outline,.ref-chip-btn{width:100%}
  .ref-login-form-side{padding:14px}
  .ref-login-form-card{padding:20px}
}