:root{
  --bg:#f4f6fb;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#687386;--line:#dfe4ed;
  --primary:#2654d8;--primary-dark:#173ba5;--primary-soft:#edf2ff;--accent:#ffb800;--dark:#101828;
  --danger:#b42318;--danger-soft:#fee4e2;--success:#067647;--success-soft:#d1fadf;--warning:#8a5a00;--warning-soft:#fff3cd;
  --shadow:0 18px 45px rgba(16,24,40,.08);--shadow-sm:0 7px 22px rgba(16,24,40,.07);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}button,input,textarea,select{font:inherit}a{color:var(--primary);text-decoration:none}img{max-width:100%}.topbar{position:sticky;top:0;z-index:100;background:rgba(16,24,40,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.topbar-inner{width:min(1240px,94vw);min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#4f7cff,#2449c8);color:#fff;font-weight:900;letter-spacing:-.04em;box-shadow:0 10px 24px rgba(38,84,216,.35)}.brand-mark.large{width:58px;height:58px;border-radius:18px;font-size:1.2rem}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:.98rem}.brand-copy small{margin-top:5px;color:#aeb8cc;font-size:.72rem}.main-nav{display:flex;align-items:center;gap:7px}.main-nav>a{color:#d8deeb;padding:9px 12px;border-radius:10px;font-weight:700;font-size:.91rem}.main-nav>a:hover,.main-nav>a.active{background:rgba(255,255,255,.1);color:#fff}.main-nav .nav-exit{background:rgba(255,255,255,.08)}.nav-user{color:#aeb8cc;font-size:.82rem;padding-left:8px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 11px;font-size:1.2rem}.container{width:min(1240px,94vw);margin:30px auto 0;min-height:calc(100vh - 190px)}.footer{width:min(1240px,94vw);margin:45px auto 0;padding:26px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:22px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-weight:850;font-size:.72rem;color:#ffd76a;margin-bottom:10px}.eyebrow.dark{color:var(--primary)}h1,h2,h3{line-height:1.15}h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em;margin:0 0 14px}h2{font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.025em;margin:0 0 10px}h3{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:.86rem}.text-link{font-weight:800}.alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;border:1px solid transparent}.alert-success{background:var(--success-soft);color:var(--success);border-color:#a6f4c5}.alert-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecdca}.alert-warning{background:var(--warning-soft);color:var(--warning);border-color:#f9dc8d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;background:#e9edf4;color:var(--text);transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 9px 20px rgba(38,84,216,.22)}.btn-accent{background:var(--accent);color:#291d00}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-whatsapp{background:#e0f8ea;color:#08783f}.btn-small{padding:8px 11px;font-size:.85rem}.btn-block{width:100%}.toolbar{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}.toolbar h1{font-size:clamp(1.8rem,3vw,2.65rem);margin-bottom:5px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions.between{justify-content:space-between}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section-block{margin-top:42px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading p{margin:0}.hero,.page-hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#111a33 0%,#19388d 62%,#315bd4 100%);color:#fff;box-shadow:var(--shadow);padding:clamp(30px,5vw,64px);display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.hero:before,.page-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.07);right:-130px;top:-180px}.hero-copy,.page-hero>div{position:relative;z-index:2}.hero-copy p,.page-hero p{font-size:1.05rem;color:#d8e2ff;max-width:720px;margin:0 0 23px}.hero-search{display:flex;gap:9px;max-width:720px;padding:7px;background:#fff;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.18)}.hero-search input{border:0;padding:11px 14px;outline:0;flex:1;min-width:0}.hero-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:18px;color:#cfd9fa;font-size:.84rem;font-weight:700}.hero-points span:before{content:"✓";color:#ffd76a;margin-right:6px}.hero-panel{position:relative;min-height:290px}.hero-symbol{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:38px;display:grid;place-items:center;font-size:3rem;font-weight:950;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:5%}.orbit-b{inset:20%;transform:rotate(30deg)}.hero-card{position:absolute;background:#fff;color:var(--text);border-radius:15px;padding:14px 16px;box-shadow:0 15px 32px rgba(0,0,0,.2);display:flex;flex-direction:column}.hero-card small{color:var(--muted)}.hero-card strong{font-size:1.8rem}.floating-one{top:15px;left:0}.floating-two{right:0;bottom:12px}.compact-hero{grid-template-columns:1fr auto;padding:34px 42px;margin-bottom:24px}.compact-hero h1{font-size:clamp(2rem,3.5vw,3.1rem)}.compact-hero p{margin-bottom:0}.result-count,.version-card,.academy-badge{position:relative;z-index:2;min-width:150px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:18px;text-align:center;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.result-count strong,.version-card strong,.academy-badge strong{font-size:2.2rem}.result-count span,.version-card span,.academy-badge small{color:#dce5ff}.version-card a{color:#fff;font-weight:800;margin-top:6px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;min-height:155px;flex-direction:column;justify-content:center;color:var(--text);box-shadow:var(--shadow-sm);transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:#b8c8f7}.category-icon{font-size:2rem;margin-bottom:12px}.category-card strong{font-size:1rem}.category-card small{color:var(--muted);margin-top:4px}.filter-panel{display:grid;grid-template-columns:1.7fr .8fr auto;align-items:end;gap:14px}.filter-panel label{display:block;font-weight:800;margin-bottom:7px;font-size:.87rem}.filter-actions{display:flex;gap:8px}.field{margin-bottom:18px}.field label{font-weight:800;display:block;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.three{grid-template-columns:1fr 1fr .55fr}.form-card{max-width:980px}input,textarea,select{width:100%;border:1px solid #cfd6e2;border-radius:11px;padding:11px 13px;background:#fff;color:inherit;outline:none;transition:.15s}input:focus,textarea:focus,select:focus{border-color:#7795ed;box-shadow:0 0 0 4px rgba(38,84,216,.11)}textarea{min-height:110px;resize:vertical}.inline{display:flex;align-items:center;gap:9px}.inline input[type=checkbox]{width:auto}.search{display:flex;gap:8px;max-width:760px}.search-card{max-width:none;margin-bottom:18px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.supplier-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;display:flex;flex-direction:column;min-height:310px;box-shadow:var(--shadow-sm);transition:.2s}.supplier-card:hover{transform:translateY(-3px);border-color:#bdc9e6}.supplier-top{display:flex;justify-content:space-between;align-items:center}.supplier-number{display:inline-flex;border-radius:999px;background:var(--primary-soft);color:var(--primary);padding:5px 9px;font-size:.78rem;font-weight:900}.status-dot{color:var(--success);font-size:.75rem;font-weight:800}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#12b76a;border-radius:50%;margin-right:5px}.supplier-card h2{font-size:1.25rem;margin:17px 0 9px}.supplier-product{color:#3c4658;margin:0 0 16px}.supplier-meta{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:14px}.supplier-actions{display:flex;gap:8px;margin-top:auto;padding-top:18px}.modal{width:min(720px,92vw);max-height:88vh;border:0;border-radius:22px;padding:0;background:#fff;color:var(--text);box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal::backdrop{background:rgba(9,14,27,.68);backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px;border-bottom:1px solid var(--line)}.modal-head h2{margin-top:7px}.modal-close{border:0;background:#edf0f5;width:38px;height:38px;border-radius:50%;font-size:1.7rem;line-height:1;cursor:pointer}.modal-content{padding:24px 26px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-block{background:var(--surface-soft);border:1px solid var(--line);padding:15px;border-radius:13px;margin-bottom:13px}.detail-block>small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850;font-size:.68rem}.detail-block p{margin:7px 0 0}.phone-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.phone-button{background:#e5f8ed;color:#08783f;padding:12px;border-radius:11px;display:flex;flex-direction:column}.phone-button span{font-weight:900}.phone-button small{color:#31845a}.pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:25px 0}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:800}.pagination .active{background:var(--primary);color:#fff;border-color:var(--primary)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-grid.compact .course-card{min-height:auto}.course-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--text);box-shadow:var(--shadow-sm);transition:.2s}.course-card:hover{transform:translateY(-3px)}.course-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#dbe4ff,#9eb4ef);background-position:center;background-size:cover;display:grid;place-items:center}.course-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,24,40,.25),transparent 55%)}.play-button{position:relative;z-index:2;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary);box-shadow:0 12px 26px rgba(0,0,0,.2);cursor:pointer}.play-button.large{width:62px;height:62px;font-size:1.2rem}.coming-label{position:relative;z-index:2;background:rgba(16,24,40,.78);color:#fff;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:800}.course-body{padding:20px}.course-body h2,.course-body h3{font-size:1.2rem}.course-body p{color:var(--muted)}.course-level,.course-tags span{display:inline-flex;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:850}.course-tags{display:flex;gap:8px;margin-bottom:12px}.course-tags span+span{background:#f1f3f7;color:var(--muted)}.video-modal{width:min(900px,94vw)}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.video-modal>p{padding:0 24px 20px}.empty-state{grid-column:1/-1;border:1px dashed #bfc8d8;border-radius:18px;padding:24px;display:flex;align-items:center;gap:16px;background:#fff}.empty-state>span{font-size:2.2rem}.empty-state p{margin:3px 0 0;color:var(--muted)}.empty-state.full{min-height:170px;justify-content:center}.academy-preview{background:linear-gradient(135deg,#fff,#eef3ff);padding:28px;border-radius:24px;border:1px solid #dae3fb}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{background:#f3f5f9;color:#556073;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfe}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;background:#e9edf4;font-size:.75rem;font-weight:850}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.note{background:var(--primary-soft);border-left:4px solid var(--primary);padding:13px 14px;border-radius:10px}.dashboard-stats .card{margin-bottom:0}.stat-card{display:flex;gap:15px;align-items:center;color:var(--text);min-height:132px}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:45px;height:45px;border-radius:13px;background:var(--primary-soft);display:grid;place-items:center;font-size:1.25rem}.stat-card div{display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-size:1.8rem}.stat-card span:last-child{font-size:.78rem;color:var(--primary);font-weight:800}.dashboard-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-grid a{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;color:var(--text)}.quick-grid a>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;background:var(--primary-soft);border-radius:10px}.quick-grid a small{color:var(--muted)}.recent-list{display:flex;flex-direction:column}.recent-list a{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}.recent-list a:last-child{border-bottom:0}.recent-list div{display:flex;flex-direction:column}.recent-list small{color:var(--muted)}.recent-list time{font-size:.78rem;color:var(--muted)}.admin-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-course-card{padding:0;overflow:hidden;display:grid;grid-template-columns:190px 1fr}.admin-course-thumb{min-height:220px;background:linear-gradient(135deg,#dbe4ff,#9eb4ef);background-size:cover;background-position:center}.admin-course-content{padding:20px}.update-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.dropzone{position:relative;min-height:190px;border:2px dashed #b8c6e5;background:#f7f9ff;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;cursor:pointer}.dropzone:hover{border-color:var(--primary);background:#f0f4ff}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon{font-size:2rem;margin-bottom:8px}.dropzone small{color:var(--muted)}.selected-file{text-align:center;color:var(--muted);font-size:.85rem;padding:10px}.update-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.update-steps>div{display:flex;gap:9px}.update-steps>div>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;flex:0 0 auto}.update-steps p{display:flex;flex-direction:column;margin:0}.update-steps small{color:var(--muted)}.check-list{list-style:none;padding:0;margin:0 0 22px}.check-list li{padding:9px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";color:var(--success);font-weight:900;margin-right:8px}.backup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.backup-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.backup-item div{display:flex;flex-direction:column}.backup-item small{color:var(--muted)}.login-shell{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#101828,#1d3f9d);box-shadow:var(--shadow);margin-top:25px}.login-showcase{padding:clamp(32px,6vw,78px);color:#fff;display:flex;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.login-showcase:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-210px;bottom:-160px}.login-showcase h1{font-size:clamp(2.3rem,5vw,4.6rem)}.login-showcase p{color:#d6e0fb;font-size:1.08rem;max-width:620px}.login-features{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;color:#f4f7ff;font-weight:700;font-size:.85rem}.login-card{margin:45px;align-self:center;padding:34px}.login-logo{margin-bottom:18px}.login-card h2{font-size:2rem}.login-help{text-align:center;color:var(--muted);font-size:.82rem;margin:17px 0 0}
@media(max-width:1080px){.category-grid{grid-template-columns:repeat(3,1fr)}.supplier-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-panel{display:none}.dashboard-layout,.update-layout{grid-template-columns:1fr}}
@media(max-width:800px){.topbar-inner{min-height:66px}.brand-copy small{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:3vw;right:3vw;top:68px;background:#172033;border:1px solid rgba(255,255,255,.12);padding:10px;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.25);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a{padding:11px 13px}.nav-user{padding:10px 13px;border-top:1px solid rgba(255,255,255,.1)}.container{width:94vw;margin-top:20px}.footer{width:94vw;flex-direction:column;gap:4px}.hero,.page-hero,.compact-hero{padding:28px 22px;grid-template-columns:1fr}.result-count,.version-card,.academy-badge{align-items:flex-start;text-align:left;min-width:0}.hero-search{flex-direction:column;background:transparent;padding:0;box-shadow:none}.hero-search input{border-radius:12px;padding:13px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:135px;padding:16px}.filter-panel{grid-template-columns:1fr}.filter-actions{flex-wrap:wrap}.supplier-grid,.course-grid,.admin-card-grid{grid-template-columns:1fr}.form-grid,.form-grid.three,.detail-grid,.phone-buttons{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr}.admin-course-card{grid-template-columns:1fr}.admin-course-thumb{min-height:190px}.backup-list{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;min-height:0}.login-showcase{padding:35px 25px}.login-showcase h1{font-size:2.5rem}.login-card{margin:15px;padding:26px}.update-steps{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.toolbar{align-items:flex-start}.search{max-width:none;flex-wrap:wrap}.search input{flex:1;min-width:220px}}
@media(max-width:520px){.grid-3,.grid-4{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.supplier-actions{flex-direction:column}.supplier-actions .btn{width:100%}.quick-grid{grid-template-columns:1fr}.course-body{padding:17px}.modal-head,.modal-content{padding:18px}.page-hero{border-radius:20px}.card{padding:18px}.backup-item{align-items:flex-start;flex-direction:column}}

/* ===============================
   EXPERIENCIA VIP · VERSION 3.0
   =============================== */
:root{
  --vip-navy:#07111f;
  --vip-navy-2:#0c1d35;
  --vip-blue:#142c4f;
  --vip-gold:#d7aa4b;
  --vip-gold-light:#f4dc9a;
  --vip-cream:#fbf7ee;
  --vip-line:rgba(215,170,75,.24);
  --vip-shadow:0 25px 70px rgba(4,12,25,.18);
}
body{background:#f3f5f8;color:#132033}
.vip-topbar{background:rgba(7,17,31,.97);border-bottom:1px solid rgba(215,170,75,.22)}
.vip-brand{gap:12px}.vip-brand-image{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(215,170,75,.08));border:1px solid rgba(215,170,75,.32);overflow:hidden}.vip-brand-image img{width:46px;height:46px;object-fit:contain}.vip-brand .brand-copy strong{color:#fff}.vip-brand .brand-copy small{color:#d8c38f}.guest-vip-label{color:#f0d99c;border:1px solid rgba(215,170,75,.32);border-radius:999px;padding:8px 13px;font-size:.76rem;font-weight:800;letter-spacing:.03em}.vip-member-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7aa4b;box-shadow:0 0 0 4px rgba(215,170,75,.14);margin-right:8px}
.guest-container{width:min(1440px,96vw);margin-top:20px}.is-guest .footer{border-color:#d8dde5}.is-guest .footer span:first-child{font-weight:800;color:#27364b}
.vip-login-shell{min-height:730px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(410px,.82fr);overflow:hidden;border-radius:30px;background:var(--vip-navy);box-shadow:var(--vip-shadow);position:relative}.vip-login-showcase{position:relative;overflow:hidden;padding:clamp(40px,6vw,86px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 12% 15%,rgba(37,71,113,.72),transparent 38%),linear-gradient(140deg,#07111f 0%,#0c1d35 65%,#102b4d 100%)}.vip-login-showcase:before{content:"";position:absolute;inset:18px;border:1px solid rgba(215,170,75,.17);border-radius:23px;pointer-events:none}.vip-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.vip-glow-one{width:430px;height:430px;background:radial-gradient(circle,rgba(215,170,75,.16),transparent 65%);right:-140px;top:-170px}.vip-glow-two{width:340px;height:340px;background:radial-gradient(circle,rgba(45,92,151,.32),transparent 65%);left:-100px;bottom:-120px}.vip-brand-lockup{position:absolute;z-index:2;left:clamp(40px,6vw,86px);top:42px;display:flex;align-items:center;gap:14px}.vip-login-emblem{width:68px;height:68px;object-fit:contain}.vip-brand-lockup div{display:flex;flex-direction:column}.vip-brand-lockup strong{font-size:1.05rem}.vip-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.64rem;color:var(--vip-gold-light);font-weight:900;margin-bottom:4px}.vip-login-copy{position:relative;z-index:2;max-width:790px}.vip-badge{display:inline-flex;align-items:center;border:1px solid rgba(215,170,75,.42);background:rgba(215,170,75,.1);color:var(--vip-gold-light);border-radius:999px;padding:7px 11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.66rem}.vip-login-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,5.4rem);font-weight:500;letter-spacing:-.04em;margin:22px 0 20px;max-width:930px}.vip-login-copy p{font-size:1.08rem;line-height:1.75;color:#c9d3df;max-width:690px}.vip-benefit-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;max-width:830px}.vip-benefit-grid article{padding:18px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.vip-benefit-grid strong{display:block;color:#f5dc9b;font-size:1.35rem}.vip-benefit-grid span{display:block;color:#c7d0dc;font-size:.79rem;margin-top:3px}.vip-proof-row{position:relative;z-index:2;display:flex;gap:22px;flex-wrap:wrap;color:#d5dce6;font-size:.78rem;font-weight:700;margin-top:24px}.vip-login-panel{background:linear-gradient(160deg,#fff 0%,#f8f4e9 100%);padding:45px;display:flex;align-items:center;justify-content:center;position:relative}.vip-login-panel:before{content:"VIP";position:absolute;right:25px;bottom:0;font-size:9rem;font-family:Georgia,serif;color:rgba(177,137,55,.055);line-height:1}.vip-login-card{position:relative;z-index:2;width:min(100%,470px);padding:34px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(177,137,55,.21);box-shadow:0 23px 65px rgba(32,38,48,.11);backdrop-filter:blur(14px)}.vip-card-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.vip-card-icon{width:64px;height:64px;border-radius:17px;background:#081426;display:grid;place-items:center;box-shadow:0 12px 28px rgba(7,17,31,.22)}.vip-card-icon img{width:58px;height:58px;object-fit:contain}.vip-card-head>div span{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#9b762c;font-weight:900}.vip-card-head h2{font-size:1.65rem;margin:4px 0 0;color:#0c1b30}.vip-login-form{margin-top:24px}.vip-login-form .field label{color:#26374c}.vip-login-form input{border:1px solid #d9dce2;background:#fff;padding:13px 14px;border-radius:11px;transition:.2s}.vip-login-form input:focus{outline:none;border-color:#c69b43;box-shadow:0 0 0 4px rgba(198,155,67,.12)}.btn-vip{background:linear-gradient(135deg,#b8882f,#e4c36f 52%,#b47b22);color:#161006;border:1px solid rgba(105,71,16,.22);box-shadow:0 11px 27px rgba(171,121,31,.23)}.btn-vip:hover{filter:brightness(1.04)}.vip-access-note{margin-top:22px;padding:14px;border-radius:13px;background:#f6f0e2;border:1px solid #eadab7;display:flex;flex-direction:column}.vip-access-note strong{font-size:.86rem;color:#6e511c}.vip-access-note span{font-size:.78rem;color:#716854;margin-top:3px}.vip-security{display:block;text-align:center;color:#7b8290;margin-top:17px;font-size:.73rem}
.vip-directory-hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#07111f 0%,#0d213b 70%,#173c68 100%);color:#fff;border-radius:25px;padding:35px 40px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 20px 50px rgba(8,20,39,.2)}.vip-directory-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(215,170,75,.16);right:-70px;top:-110px}.vip-directory-hero>div{position:relative;z-index:2}.vip-directory-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.1rem,4vw,3.7rem);margin:12px 0 7px}.vip-directory-hero p{color:#c9d4e2;margin:0;max-width:700px}.vip-directory-count{min-width:175px;text-align:center;padding:17px 20px;border:1px solid rgba(215,170,75,.28);background:rgba(255,255,255,.06);border-radius:17px}.vip-directory-count strong{display:block;font-size:2.25rem;color:#f3d68f}.vip-directory-count span{display:block;font-size:.75rem;color:#cbd4e0}.vip-filter-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe3e9;border-radius:17px;padding:10px;box-shadow:0 9px 28px rgba(22,35,52,.07);position:sticky;top:84px;z-index:80}.vip-search-field{display:flex;align-items:center;flex:1;min-width:260px;border:1px solid #dfe3e9;border-radius:11px;background:#f8fafc}.vip-search-field span{padding-left:13px;font-size:1.2rem;color:#657083}.vip-search-field input{width:100%;border:0;background:transparent;padding:12px 13px;outline:none}.vip-filter-bar select{min-width:210px;border:1px solid #dfe3e9;background:#fff;border-radius:11px;padding:12px}.vip-clear-btn{background:#eef1f5}.vip-list-caption{display:flex;justify-content:space-between;gap:15px;color:#6a7585;font-size:.77rem;font-weight:700;padding:15px 4px 9px}.vip-supplier-list{background:#fff;border:1px solid #dfe3e9;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(21,32,48,.07)}.vip-list-header,.vip-list-row{display:grid;grid-template-columns:74px minmax(250px,1.55fr) minmax(230px,1.2fr) minmax(135px,.7fr) minmax(190px,.85fr);gap:17px;align-items:center}.vip-list-header{padding:13px 18px;background:#091728;color:#cbd4df;text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;font-weight:900}.vip-list-row{padding:16px 18px;border-bottom:1px solid #e6e9ee;transition:.18s;background:#fff}.vip-list-row:last-of-type{border-bottom:0}.vip-list-row:hover{background:#fcfaf4;box-shadow:inset 3px 0 0 #d3a546}.vip-row-number{display:flex;align-items:center;gap:4px}.vip-row-number small{display:none}.vip-row-number strong{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0b1a2d;color:#efd486;font-size:.9rem}.vip-row-company{min-width:0}.vip-row-company h2{font-size:1rem;margin:5px 0 3px;color:#17263a}.vip-row-company p{font-size:.76rem;color:#697586;margin:0;line-height:1.4}.vip-row-status{font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:#187451;font-weight:900}.vip-row-address small,.vip-row-contact small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#8a94a2;font-size:.59rem;font-weight:900;margin-bottom:4px}.vip-row-address p{font-size:.76rem;color:#344256;margin:0;line-height:1.45}.vip-row-address span{display:block;color:#8a6a2e;font-size:.7rem;margin-top:4px}.vip-row-contact strong{display:block;color:#17263a;font-size:.88rem}.vip-row-contact span{display:block;color:#7b8492;font-size:.69rem;margin-top:2px}.vip-row-actions{display:flex;justify-content:flex-end;gap:7px}.vip-detail-btn{background:#0c1d35;color:#fff}.vip-modal .modal-head{background:linear-gradient(130deg,#07111f,#13345b);color:#fff}.vip-modal .modal-head h2{margin-top:9px}.vip-modal .vip-badge{color:#efd58f}.vip-modal .modal-close{color:#fff}.vip-modal .phone-button{border-color:#e1d0aa;background:#fffaf0}
@media(max-width:1100px){.vip-list-header{display:none}.vip-list-row{grid-template-columns:62px 1.5fr 1fr .75fr;grid-template-areas:"num company address contact" "num company actions actions"}.vip-row-number{grid-area:num}.vip-row-company{grid-area:company}.vip-row-address{grid-area:address}.vip-row-contact{grid-area:contact}.vip-row-actions{grid-area:actions;justify-content:flex-start;margin-top:8px}.vip-login-shell{grid-template-columns:1fr 430px}.vip-benefit-grid{grid-template-columns:1fr}.vip-benefit-grid article{display:flex;align-items:center;gap:12px}.vip-benefit-grid strong{min-width:76px}}
@media(max-width:820px){.guest-vip-label{display:none}.guest-container{width:94vw}.vip-login-shell{grid-template-columns:1fr;border-radius:22px}.vip-login-showcase{padding:115px 25px 36px}.vip-brand-lockup{left:25px;top:25px}.vip-login-copy h1{font-size:2.65rem}.vip-benefit-grid{grid-template-columns:1fr 1fr}.vip-proof-row{gap:10px 16px}.vip-login-panel{padding:20px}.vip-login-card{width:100%;padding:25px}.vip-directory-hero{align-items:flex-start;flex-direction:column;padding:28px 23px}.vip-directory-count{text-align:left}.vip-filter-bar{position:static;flex-wrap:wrap}.vip-search-field{min-width:100%}.vip-filter-bar select{flex:1;min-width:180px}.vip-list-caption{flex-direction:column;gap:2px}.vip-list-row{grid-template-columns:55px 1fr;grid-template-areas:"num company" "num address" "num contact" "num actions";align-items:start}.vip-row-address,.vip-row-contact{padding-top:9px}.vip-row-actions{flex-wrap:wrap}.vip-row-number strong{width:40px;height:40px}}
@media(max-width:520px){.vip-login-copy h1{font-size:2.15rem}.vip-benefit-grid{grid-template-columns:1fr}.vip-login-emblem{width:55px;height:55px}.vip-brand-lockup strong{font-size:.9rem}.vip-filter-bar select,.vip-filter-bar .btn{width:100%}.vip-list-row{padding:14px 12px;gap:10px}.vip-row-actions .btn{flex:1}.vip-directory-hero h1{font-size:2.15rem}}