:root{--cssg-primary:#0F4C81;--cssg-primary-light:#1D9BF0;--cssg-gold:#D4AF37;--cssg-gold-light:#F7D76E;--cssg-silver:#C9CED6;--cssg-bronze:#B87333;--cssg-success:#22C55E;--cssg-warning:#F59E0B;--cssg-danger:#EF4444;--cssg-white:#FFF;--cssg-bg:#F5F7FB;--cssg-card:#FFF;--cssg-border:#E7ECF3;--cssg-text:#233244;--cssg-text-light:#6B7280;--cssg-shadow-sm:0 6px 18px rgba(0,0,0,.05);--cssg-shadow-md:0 15px 35px rgba(0,0,0,.10);--cssg-shadow-lg:0 25px 60px rgba(0,0,0,.18);--cssg-radius:24px;--cssg-radius-sm:14px;--cssg-radius-pill:999px;--cssg-space-xs:10px;--cssg-space-sm:18px;--cssg-space-md:30px;--cssg-space-lg:45px;--cssg-space-xl:60px}.cssg-dashboard *{margin:0;padding:0;box-sizing:border-box}.cssg-dashboard{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--cssg-text);line-height:1.5}.cssg-dashboard{width:100%;max-width:1500px;margin:auto;display:flex;flex-direction:column;gap:40px}.cssg-section-header{margin-bottom:25px}.cssg-section-header h2{font-size:34px;color:var(--cssg-primary);font-weight:800;margin-bottom:8px}.cssg-section-header p{color:var(--cssg-text-light);font-size:17px}.cssg-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#8C5A2B 0,#B87333 55%,#D89A5C 100%);color:#FFF;border-radius:32px;padding:60px;box-shadow:0 20px 45px rgba(140,90,43,.35)}.cssg-hero h1,.cssg-hero h2,.cssg-hero h3,.cssg-hero p,.cssg-hero span,.cssg-hero strong{color:#FFF}.cssg-hero::before{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-160px;border-radius:50%;background:rgba(255,255,255,.08)}.cssg-hero::after{content:"";position:absolute;width:260px;height:260px;left:-80px;bottom:-120px;border-radius:50%;background:rgba(255,255,255,.05)}.cssg-hero__header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;position:relative;z-index:2}.cssg-hero__brand{display:flex;gap:35px;align-items:center}.cssg-hero__trophy{width:170px;height:170px;flex:none;display:flex;justify-content:center;align-items:center}.cssg-hero__trophy img{width:100%}.cssg-hero__title h1{font-size:72px;font-weight:900;line-height:1}.cssg-hero__title h2{margin-top:6px;font-size:44px;font-weight:800}.cssg-hero__title p{margin-top:14px;font-size:18px;opacity:.95;text-transform:uppercase;letter-spacing:1px}.cssg-hero__badge{padding:22px 38px;border-radius:999px;background:#fff;color:var(--cssg-primary);font-size:24px;font-weight:800;box-shadow:0 15px 30px rgba(0,0,0,.18)}.cssg-hero__message{margin-top:40px;position:relative;z-index:2}.cssg-hero__message h3{font-size:34px;margin-bottom:10px}.cssg-hero__message p{font-size:22px;max-width:850px;line-height:1.7}.cssg-hero__payments{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;position:relative;z-index:2}.cssg-payment{display:flex;align-items:center;gap:18px;width:100%;min-height:90px;padding:22px 28px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.20);border-radius:18px;backdrop-filter:blur(12px);transition:.30s}.cssg-payment:hover{transform:translateY(-5px);background:rgba(255,255,255,.22);box-shadow:0 15px 35px rgba(0,0,0,.20)}.cssg-payment img{width:38px;height:38px}.cssg-payment strong{display:block;font-size:16px}.cssg-payment span{display:block;margin-top:4px;font-size:14px;opacity:.92}.cssg-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.cssg-card{background:var(--cssg-card);border-radius:24px;padding:32px;border:1px solid var(--cssg-border);box-shadow:var(--cssg-shadow-sm);transition:.35s;position:relative;overflow:hidden}.cssg-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--cssg-primary)}.cssg-card:hover{transform:translateY(-6px);box-shadow:var(--cssg-shadow-md)}.cssg-card__icon{width:70px;height:70px;border-radius:18px;background:#EEF5FB;display:flex;justify-content:center;align-items:center;font-size:34px;margin-bottom:22px}.cssg-card__title{font-size:14px;color:var(--cssg-text-light);text-transform:uppercase;letter-spacing:1px;font-weight:700}.cssg-card__value{margin-top:12px;font-size:30px;font-weight:800;color:var(--cssg-primary);line-height:1.2}.cssg-button{margin-top:25px;width:100%;border:none;border-radius:14px;background:var(--cssg-primary);color:#fff;padding:15px;cursor:pointer;font-size:15px;font-weight:700;transition:.30s}.cssg-button:hover{background:var(--cssg-primary-light);transform:translateY(-2px)}.cssg-card--level::before{background:var(--cssg-gold)}.cssg-card--discount::before{background:#22C55E}.cssg-card--coupon::before{background:#F59E0B}.cssg-card--orders::before{background:var(--cssg-primary)}.cssg-progress{background:var(--cssg-card);border:1px solid var(--cssg-border);border-radius:24px;padding:35px;box-shadow:var(--cssg-shadow-sm)}.cssg-progress__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.cssg-progress__header h3{font-size:26px;color:var(--cssg-primary);margin-bottom:6px}.cssg-progress__header strong{font-size:18px;color:var(--cssg-text)}.cssg-progress__percent{font-size:42px;font-weight:900;color:var(--cssg-primary)}.cssg-progress__bar{width:100%;height:18px;border-radius:999px;background:#E7EDF4;overflow:hidden;margin-bottom:25px}.cssg-progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cssg-primary),var(--cssg-primary-light));transition:width .8s ease}.cssg-progress__text{font-size:18px;color:var(--cssg-text);margin-bottom:10px}.cssg-progress__remaining{font-size:17px;color:var(--cssg-text-light)}.cssg-progress strong{color:var(--cssg-primary)}.cssg-progress__fill::after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0))}.cssg-progress{position:relative;overflow:hidden}.cssg-progress::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--cssg-primary)}.cssg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cssg-stat{background:var(--cssg-card);border:1px solid var(--cssg-border);border-radius:24px;padding:30px;text-align:center;box-shadow:var(--cssg-shadow-sm);transition:.30s}.cssg-stat:hover{transform:translateY(-5px);box-shadow:var(--cssg-shadow-md)}.cssg-stat span{display:block;color:var(--cssg-text-light);font-size:15px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.cssg-stat strong{display:block;font-size:36px;color:var(--cssg-primary);font-weight:800}.cssg-benefits{margin-top:15px}.cssg-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:stretch}.cssg-benefit-card{background:#fff;border-radius:24px;border:1px solid var(--cssg-border);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:250px;text-align:center;box-shadow:var(--cssg-shadow-sm);transition:.35s}.cssg-benefit-card:hover{transform:translateY(-6px);box-shadow:var(--cssg-shadow-md)}.cssg-benefit-card__icon{width:70px;height:70px;border-radius:18px;display:flex;justify-content:center;align-items:center;font-size:34px;margin-bottom:20px}.cssg-benefit-card h3{margin-bottom:10px;font-size:15px;font-weight:600;color:#7a8794}.cssg-benefit-card strong{display:block;font-size:34px;color:var(--cssg-primary);font-weight:800;margin-bottom:8px}.cssg-benefit-card span{font-size:14px;color:#7a8794}.cssg-benefit-card:nth-child(1) .cssg-benefit-card__icon{background:#DCFCE7}.cssg-benefit-card:nth-child(2) .cssg-benefit-card__icon{background:#FEF3C7}.cssg-benefit-card:nth-child(3) .cssg-benefit-card__icon{background:#DBEAFE}.cssg-benefit-card:nth-child(4) .cssg-benefit-card__icon{background:#F3E8FF}.cssg-next-level{margin-top:20px}.cssg-next-card{background:linear-gradient(135deg,#0F4C81,#1D9BF0);color:white;border-radius:28px;padding:40px;overflow:hidden;position:relative;box-shadow:var(--cssg-shadow-lg)}.cssg-next-card::before{content:"";position:absolute;width:320px;height:320px;right:-120px;top:-140px;border-radius:50%;background:rgba(255,255,255,.08)}.cssg-next-card__header{position:relative;z-index:2;margin-bottom:35px}.cssg-next-card__header h3{font-size:40px;font-weight:800}.cssg-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative;z-index:2}.cssg-next-item{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:20px;padding:25px;text-align:center}.cssg-next-item span{display:block;font-size:34px;margin-bottom:14px}.cssg-next-item strong{display:block;font-size:34px;font-weight:800;margin-bottom:10px}.cssg-next-item small{opacity:.90;font-size:15px}.cssg-next-footer{margin-top:35px;font-size:20px;position:relative;z-index:2}.cssg-next-footer strong{color:#FFE082}.cssg-info{margin-top:25px}.cssg-info-box{background:#FFF8E6;border-left:6px solid var(--cssg-gold);border-radius:18px;padding:30px}.cssg-info-box h3{margin-bottom:20px;color:#8A6A00}.cssg-info-box ul{padding-left:25px}.cssg-info-box li{margin-bottom:12px;color:#5B4A00}@media(max-width:1200px){.cssg-summary{grid-template-columns:repeat(2,1fr)}.cssg-benefits-grid{grid-template-columns:repeat(2,1fr)}.cssg-stats{grid-template-columns:repeat(2,1fr)}.cssg-next-grid{grid-template-columns:1fr}}@media(max-width:768px){.cssg-dashboard{gap:25px}.cssg-hero{padding:30px}.cssg-hero__header{flex-direction:column;align-items:flex-start;gap:25px}.cssg-hero__brand{flex-direction:column;text-align:center;width:100%}.cssg-hero__trophy{width:120px;height:120px;margin:auto}.cssg-hero__title{text-align:center}.cssg-hero__title h1{font-size:44px}.cssg-hero__title h2{font-size:26px}.cssg-hero__message{text-align:center}.cssg-hero__message h3{font-size:26px}.cssg-hero__message p{font-size:18px}.cssg-hero__payments{grid-template-columns:1fr}.cssg-summary,.cssg-stats,.cssg-benefits-grid,.cssg-next-grid{grid-template-columns:1fr}.cssg-progress__header{flex-direction:column;gap:15px}}.cssg-theme-bronce{--cssg-primary:#8C5A2B;--cssg-primary-light:#B87333}.cssg-theme-plata{--cssg-primary:#7E8A97;--cssg-primary-light:#B8C2CC}.cssg-theme-oro{--cssg-primary:#B8860B;--cssg-primary-light:#D4AF37}.cssg-theme-diamante{--cssg-primary:#0F4C81;--cssg-primary-light:#27AEFF}@keyframes cssgFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cssg-hero{animation:cssgFadeUp .6s ease}.cssg-card,.cssg-stat,.cssg-benefit-card,.cssg-next-card{animation:cssgFadeUp .8s ease}.cssg-card,.cssg-stat,.cssg-benefit-card,.cssg-payment,.cssg-next-item{transition:transform .30s,box-shadow .30s}.cssg-card:hover,.cssg-stat:hover,.cssg-benefit-card:hover,.cssg-next-item:hover{transform:translateY(-8px);box-shadow:var(--cssg-shadow-lg)}html{scroll-behavior:smooth}