:root{--bg-dark:#07090e;--bg-card:#0f131d;--bg-card-hover:#161c2b;--primary:#ff7a00;--primary-hover:#ff9130;--primary-glow:#ff7a002e;--success:#00e676;--success-glow:#00e67633;--danger:#ff1744;--danger-glow:#ff174433;--warning:#ffb300;--warning-glow:#ffb30033;--text-white:#fff;--text-gray:#94a3b8;--text-muted:#64748b;--border-color:#ffffff0f;--border-glow:#ff7a0040;--font-title:"Poppins", "Inter", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;font-family:var(--font-body);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-white);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ff7a0026}50%{box-shadow:0 0 25px #ff7a0066}}@keyframes pulse-green{0%,to{box-shadow:0 0 5px #00e67626}50%{box-shadow:0 0 15px #00e67659}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-green{0%,to{background:#00e67626}50%{background:#00e67600}}@keyframes blink-red{0%,to{background:#ff174426}50%{background:#ff174400}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glow-text{text-shadow:0 0 15px var(--primary-glow)}.gradient-text{background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-accent-text{background:linear-gradient(135deg, var(--primary) 0%, #ffc078 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hide-mobile{display:table-cell}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#ffffff14 0%,#ffffff05 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#ff7a002e;transform:translateY(-4px);box-shadow:0 12px 30px #00000080}.glass-card.active{border-color:var(--border-glow);box-shadow:0 0 20px #ff7a001f}.ticker-container{border-bottom:1px solid var(--border-color);white-space:nowrap;cursor:pointer;background:#040508;align-items:center;padding:12px 0;display:flex;overflow:hidden}.ticker-wrap{animation:35s linear infinite ticker-scroll;display:inline-block}.ticker-item{letter-spacing:.05em;align-items:center;margin-right:48px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.ticker-item:hover{opacity:.8}.ticker-item .ticker-code{color:var(--text-white);margin-right:8px}.ticker-item .ticker-price{color:var(--text-white);margin-right:8px;font-family:monospace}.ticker-item .ticker-pct{border-radius:4px;align-items:center;padding:2px 6px;font-size:11px;display:flex}.ticker-item .ticker-pct.up{color:var(--success);background:#00e67614}.ticker-item .ticker-pct.down{color:var(--danger);background:#ff174414}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:50px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-buy{color:var(--success);background:#00e6761a;border:1px solid #00e67640;box-shadow:0 0 10px #00e6760d}.badge-sell{color:var(--danger);background:#ff17441a;border:1px solid #ff174440}.badge-hold{color:var(--warning);background:#ffb3001a;border:1px solid #ffb30040}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #f50 100%);color:#fff;box-shadow:0 4px 15px #ff7a004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7a0066}.btn-secondary{color:var(--text-white);border:1px solid var(--border-color);background:#ffffff0a}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.btn-success{background:var(--success);color:#050505}.btn-success:hover{box-shadow:0 4px 15px var(--success-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{box-shadow:0 4px 15px var(--danger-glow);transform:translateY(-1px)}.btn-text{color:var(--text-gray);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:8px 16px}.btn-text:hover{color:var(--text-white)}.btn-text.active{border-bottom-color:var(--primary);color:var(--text-white)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.form-group{width:100%;margin-bottom:20px}.form-label{color:var(--text-gray);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input-container{align-items:center;display:flex;position:relative}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-white);background:#ffffff05;border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary);background:#ffffff0a;box-shadow:0 0 15px #ff7a001a}.form-input-icon{color:var(--text-muted);align-items:center;display:flex;position:absolute;left:14px}.form-input-with-icon{padding-left:44px}.table-container{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th{color:var(--text-gray);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#ffffff04;padding:16px 20px;font-size:12px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-white);padding:18px 20px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr{transition:background .2s}.custom-table tr:hover td{background:#ffffff04}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid #ff7a0033;border-radius:20px;width:100%;max-width:550px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;position:relative;box-shadow:0 20px 50px #000000b3}.modal-close{color:var(--text-gray);cursor:pointer;background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-white);background:#ffffff14}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.chart-sim{border-bottom:1.5px solid #ffffff1a;border-left:1.5px solid #ffffff1a;height:180px;margin-top:15px;padding:10px;position:relative}.chart-bar-sim{justify-content:space-between;align-items:flex-end;gap:8px;height:100%;display:flex}.chart-bar{background:#ffffff0d;border-radius:4px 4px 0 0;flex:1;transition:height .5s ease-in-out;position:relative}.chart-bar.up{background:linear-gradient(180deg, var(--success) 0%, #00e67626 100%)}.chart-bar.down{background:linear-gradient(180deg, var(--danger) 0%, #ff174426 100%)}.chart-line-svg{width:100%;height:100%;overflow:visible}.chart-path{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-path.up{stroke:var(--success);filter:drop-shadow(0 0 6px #00e67666)}.chart-path.down{stroke:var(--danger);filter:drop-shadow(0 0 6px #ff174466)}.chart-area{opacity:.12}.chart-area.up{fill:var(--success)}.chart-area.down{fill:var(--danger)}.virtual-card{background:linear-gradient(135deg,#1d2538 0%,#111622 100%);border:1px solid #ffffff14;border-radius:20px;width:100%;padding:26px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.virtual-card:after{content:"";pointer-events:none;background:linear-gradient(45deg,#ff7a000d 0%,#ffffff08 40%,#00e67608 70%,#ff7a000d 100%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.card-chip{background:linear-gradient(135deg,#fce0ad 0%,#dfa552 100%);border-radius:6px;width:44px;height:32px;margin-bottom:24px;position:relative}.card-chip:before{content:"";border:1px solid #0003;border-radius:3px;position:absolute;inset:4px 6px}.card-number{letter-spacing:.12em;color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:24px;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700}.order-book-row{border-bottom:1px solid #ffffff05;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:8px 12px;font-family:monospace;font-size:13px;display:grid;position:relative}.order-book-row.bid{animation:2.5s infinite blink-green}.order-book-row.ask{animation:2.5s infinite blink-red}.depth-bar-bid{z-index:0;background:#00e6760f;transition:width .3s;position:absolute;top:0;bottom:0;right:0}.depth-bar-ask{z-index:0;background:#ff17440f;transition:width .3s;position:absolute;top:0;bottom:0;right:0}.order-book-data{z-index:1;position:relative}.transaction-log-item{border:1px solid var(--border-color);background:#ffffff03;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;transition:background .2s;display:flex}.transaction-log-item:hover{background:#ffffff05}.log-icon-container{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}.log-icon-container.in{color:var(--success);background:#00e6761a}.log-icon-container.out{color:var(--danger);background:#ff17441a}.modal-tabs{border:1px solid var(--border-color);background:#0003;border-radius:10px;gap:6px;margin-bottom:24px;padding:4px;display:flex}.modal-tab-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.modal-tab-btn:hover{color:#fff}.modal-tab-btn.active{color:#fff;background:#ffffff0f;border:1px solid #ffffff0a;box-shadow:0 2px 10px #0003}.preset-btn-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.preset-btn{border:1px solid var(--border-color);color:var(--text-gray);cursor:pointer;background:#ffffff08;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:700;transition:all .2s}.preset-btn:hover{color:#fff;background:#ff7a0014;border-color:#ff7a004d}.watchlist-control-bar{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.view-toggle-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-gray);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-toggle-btn:hover,.view-toggle-btn.active{color:#fff;background:#ffffff14;border-color:#ffffff26}.view-toggle-btn.active{color:var(--primary);border-color:var(--border-glow)}@media (width<=768px){.container{padding:0 16px}h1.gradient-text{margin-bottom:16px!important;font-size:32px!important;line-height:1.25!important}p{margin-bottom:24px!important;font-size:14px!important}section{padding:30px 0 40px!important}header{padding:10px 0!important}.header-nav-container{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.header-nav-container>div:first-of-type{order:1;width:auto!important}.header-nav-container>div:last-of-type{order:2;justify-content:flex-end!important;width:auto!important;margin-top:0!important}.header-nav-container>nav{-webkit-overflow-scrolling:touch;order:3;scrollbar-width:none!important;gap:4px!important;width:100%!important;margin-top:4px!important;padding:4px 0 6px!important;display:flex!important;overflow-x:auto!important}.header-nav-container>nav::-webkit-scrollbar{display:none!important}.header-nav-container nav .btn-text{white-space:nowrap!important;padding:6px 12px!important;font-size:13px!important}.hide-mobile{display:none!important}.watchlist-control-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.watchlist-control-bar>div,.watchlist-control-bar select{width:100%!important}.modal-content{border-radius:16px!important;max-height:92vh!important;padding:20px 16px!important;overflow-y:auto!important}.modal-tabs{margin-bottom:16px!important}.modal-tab-btn{padding:8px 4px!important;font-size:12px!important}.chart-bar-sim{gap:4px!important}.chart-sim{height:180px!important}.card-number{font-size:16px!important}.virtual-card{padding:20px!important}}@media (width<=480px){.btn{padding:10px 18px!important;font-size:13px!important}.grid-2{gap:16px!important}.modal-content{padding:18px 12px!important}}.header-nav-container{justify-content:space-between;align-items:center;display:flex}.toast-container{z-index:1000;pointer-events:none;position:fixed;bottom:24px;left:24px}.toast-live{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f131de6;border:1px solid #00e67640;border-radius:12px;align-items:center;gap:12px;max-width:320px;padding:14px 20px;animation:8s ease-in-out forwards slideInLeft;display:flex;box-shadow:0 10px 30px #00000080,0 0 15px #00e6761a}@keyframes slideInLeft{0%{opacity:0;transform:translate(-120%)}8%{opacity:1;transform:translate(0)}92%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}.vip-badge-vip{letter-spacing:.05em;color:#000;text-shadow:none;font-size:11px;font-weight:800;font-family:var(--font-title);border-radius:4px;justify-content:center;align-items:center;padding:3px 8px;display:inline-flex;box-shadow:0 2px 5px #0003}.vip-gold{background:linear-gradient(135deg,#ffe066 0%,#f5b041 100%);border:1px solid #fff5cc}.vip-silver{background:linear-gradient(135deg,#e2e8f0 0%,#94a3b8 100%);border:1px solid #f8fafc}.vip-bronze{color:#fff;background:linear-gradient(135deg,#edbb99 0%,#a04000 100%);border:1px solid #f5cba7}.package-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;justify-content:space-between;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.package-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 35px #ff7a001a}.package-card.promo{background:linear-gradient(180deg, var(--bg-card) 0%, #ff174405 100%);border-color:#ff174440}.package-card.promo:hover{border-color:var(--danger);box-shadow:0 15px 35px #ff17441a}.package-ribbon{background:var(--danger);color:#fff;text-transform:uppercase;letter-spacing:.1em;padding:4px 30px;font-size:9px;font-weight:800;position:absolute;top:15px;right:-30px;transform:rotate(45deg);box-shadow:0 2px 4px #0003}.progress-bar-container{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-top:10px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .5s ease-out}.progress-bar-fill.active{background:var(--success)}.header-logo-group{cursor:pointer;align-items:center;gap:10px;display:flex}.header-nav{gap:8px;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.hero-btn-group{justify-content:center;gap:16px;display:flex}.claims-panel{border:1px solid var(--border-glow);background:linear-gradient(135deg,#ff7a0014 0%,#0f131dcc 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:60px;padding:30px;display:flex}.package-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-bottom:20px;display:grid}.modal-stats-grid{border:1px solid var(--border-color);background:#ffffff04;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin-bottom:20px;padding:20px;display:grid}@media (width<=768px){.claims-panel{text-align:center!important;flex-direction:column!important;gap:16px!important;padding:20px 16px!important}.claims-panel>div:first-child{text-align:center!important}.profile-details-card{grid-column:span 1!important}}@media (width<=480px){.hero-btn-group{flex-direction:column!important;gap:12px!important;width:100%!important;padding:0 16px!important}.hero-btn-group .btn{width:100%!important}.package-stats-grid{grid-template-columns:1fr!important;gap:10px!important}.modal-stats-grid{grid-template-columns:1fr!important;gap:12px!important;padding:16px 12px!important}.profile-form-grid{grid-template-columns:1fr!important;gap:12px!important}}.profile-details-card{grid-column:span 2}.profile-form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px;display:grid}.profile-container{flex-direction:column;gap:30px;display:flex}.profile-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;padding-bottom:24px;display:flex}.profile-avatar-large{background:linear-gradient(135deg, var(--primary) 0%, #f50 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:800;display:flex;box-shadow:0 0 15px #ff7a004d}.form-select{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff05;border-radius:8px;outline:none;width:100%;height:44px;padding:0 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-select:focus{border-color:var(--primary);background:#ffffff0a}.form-select option{color:#fff;background:#0f131d}.status-indicator-badge{border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-indicator-badge.success{color:var(--success);background:#00e67614;border:1px solid #00e67633}.status-indicator-badge.warning{color:var(--warning);background:#ff7a0014;border:1px solid #ff7a0033}.announcement-overlay{-webkit-backdrop-filter:blur(12px);z-index:1100;background:#040508d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.announcement-card{background:#0f131de6;border:1px solid #ff174459;border-radius:24px;width:100%;max-width:440px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideUp;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #ff174426}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.announcement-banner{text-align:center;background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%);border-bottom:1px solid #ffffff14;padding:30px 24px;position:relative}.announcement-banner:after{content:"";background:#fff;width:100%;height:4px;position:absolute;bottom:0;left:0}.announcement-content-body{text-align:center;padding:28px 24px}.countdown-container-pop{justify-content:center;gap:8px;margin:18px 0 24px;display:flex}.countdown-box-pop{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;min-width:60px;padding:8px;display:flex}.countdown-digit-pop{color:var(--primary);text-shadow:0 0 10px #ff7a004d;font-family:monospace;font-size:20px;font-weight:800}.countdown-label-pop{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:9px}.announcement-footer-options{border-top:1px solid var(--border-color);background:#00000026;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.announcement-checkbox-label{color:var(--text-gray);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.announcement-checkbox-label input{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.doku-checkout-overlay{-webkit-backdrop-filter:blur(16px);z-index:1200;background:#040508e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.doku-checkout-card{background:#0d111b;border:1px solid #eb00284d;border-radius:20px;flex-direction:column;width:100%;max-width:620px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 20px #eb00281a}.doku-checkout-header{background:#eb00280d;border-bottom:1px solid #eb002826;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.doku-logo-container{align-items:center;gap:8px;display:flex}.doku-logo-text{color:#fff;letter-spacing:-.05em;align-items:center;font-family:Montserrat,sans-serif;font-size:20px;font-weight:900;display:flex}.doku-logo-text .red{color:#eb0028}.doku-logo-text .blue{color:#005eff}.doku-checkout-body{grid-template-columns:1.2fr 1fr;gap:24px;padding:24px;display:grid}@media (width<=580px){.doku-checkout-body{grid-template-columns:1fr;gap:20px}}.doku-checkout-sidebar{border-right:1px solid var(--border-color);padding-right:24px}@media (width<=580px){.doku-checkout-sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:20px;padding-right:0}}.doku-method-list{flex-direction:column;gap:10px;display:flex}.doku-method-item{border:1px solid var(--border-color);cursor:pointer;text-align:left;background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.doku-method-item:hover{background:#ffffff0d;border-color:#eb002866}.doku-method-item.active{background:#eb00280f;border-color:#eb0028}.doku-method-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.doku-method-item.active .doku-method-radio{border-color:#eb0028}.doku-method-item.active .doku-method-radio:after{content:"";background:#eb0028;border-radius:50%;width:8px;height:8px}.doku-details-area{flex-direction:column;justify-content:center;align-items:center;display:flex}.doku-qr-box{background:#fff;border-radius:16px;margin-bottom:12px;padding:12px;display:inline-block;box-shadow:0 10px 25px #0000004d}.doku-va-box{border:1px dashed var(--border-color);text-align:center;background:#ffffff05;border-radius:12px;width:100%;margin-top:8px;padding:16px}.doku-copy-code{color:#fff;border:1px solid var(--border-color);cursor:pointer;background:#0000004d;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding:6px 12px;font-family:monospace;font-size:16px;font-weight:700;transition:all .2s;display:flex}.doku-copy-code:hover{border-color:var(--primary);background:#ffffff0d}.doku-checkout-footer{border-top:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}@media (width<=480px){.doku-checkout-footer{flex-direction:column;align-items:stretch}}.vip-required-badge{color:var(--primary);text-transform:uppercase;background:#ff7a001a;border:1px solid #ff7a004d;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.vip-required-badge.locked{color:#eb0028;background:#eb00281a;border:1px solid #eb00284d}.package-card-container{transition:all .3s;position:relative}.package-card-container.locked{border-color:#ffffff0d}.package-card-container.locked:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0006}.lock-icon-overlay{width:28px;height:28px;color:var(--text-muted);z-index:2;background:#0d111bcc;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.package-card-container.locked .btn-buy-package{border:1px solid var(--border-color)!important;color:var(--text-muted)!important;background:#ffffff0a!important}.package-card-container.locked .btn-buy-package:hover{color:var(--primary)!important;background:#ff7a000f!important;border-color:#ff7a004d!important}