:root{--bg-color: #ffffff;--section-bg: #f8fafc;--header-bg: rgba(255, 255, 255, .95);--text-main: #0f172a;--text-muted: #475569;--text-light: #64748b;--text-dark: #334155;--card-bg: #f8fafc;--inner-bg: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-glow: rgba(37, 99, 235, .08);--violet: #7c3aed;--pink: #db2777;--indigo: #4f46e5;--indigo-hover: #4338ca;--emerald: #059669;--emerald-bg: #ecfdf5;--emerald-border: #a7f3d0;--amber: #d97706;--amber-bg: #fef3c7;--amber-border: #fde68a;--cta-gradient: linear-gradient(90deg, var(--indigo), var(--pink));--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition: all .2s ease-in-out;--shadow-premium: 0 10px 30px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .02)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);line-height:1.4;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.maintenance-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:12px}.maintenance-icon{font-size:3rem;margin-bottom:8px}.maintenance-title{font-size:1.6rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.maintenance-desc{font-size:.95rem;color:var(--text-muted);max-width:480px;line-height:1.5}.maintenance-note{font-size:.8rem;color:var(--text-light);max-width:480px;line-height:1.5;margin-top:8px;border-top:1px solid var(--border-color);padding-top:16px}.closing-soon-banner{background-color:var(--amber-bg);border-bottom:1px solid var(--amber-border);color:#92400e;text-align:center;padding:10px 20px;font-size:.8rem;font-weight:600}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;padding-bottom:64px}@media (min-width: 992px){.app-wrapper{padding-bottom:0}}.site-header{position:sticky;top:0;z-index:100;background-color:var(--header-bg);border-bottom:1px solid var(--border-color)}.nav-container{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;text-decoration:none;gap:10px}.logo-icon-box{height:34px;width:34px;border-radius:10px;background:var(--cta-gradient);display:flex;align-items:center;justify-content:center}.logo-text-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.btn-tracker{display:inline-flex;align-items:center;font-size:.775rem;font-weight:600;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background-color:transparent;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:var(--transition)}.btn-tracker:hover{background-color:var(--card-bg);color:var(--text-main)}.btn-buy-now{font-size:.775rem;font-weight:700;padding:8px 16px;background:var(--cta-gradient);color:#fff;border-radius:8px;border:none;text-decoration:none;transition:var(--transition);cursor:pointer}.btn-buy-now:hover{filter:brightness(1.08)}.hero-simple{max-width:640px;margin:0 auto;width:100%;padding:40px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;background:linear-gradient(180deg,#eef2ff,#fff0 65%)}.hero-copy{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:520px}.hero-eyebrow{font-size:.7rem;font-weight:700;color:var(--indigo);background-color:#4f46e514;padding:6px 14px;border-radius:99px}.hero-title-big{font-size:2.1rem;font-weight:900;letter-spacing:-.03em;line-height:1.15;color:var(--text-main)}@media (min-width: 640px){.hero-title-big{font-size:2.6rem}}.hero-word-blue{color:var(--primary)}.hero-word-pink{color:var(--pink)}.hero-subtitle-short{font-size:.9rem;color:var(--text-muted);line-height:1.5}.buy-card{width:100%;max-width:520px;background-color:#fff;border:2px solid #e0e7ff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 45px #4f46e51f,0 2px 6px #0f172a0a}.buy-card-field{display:flex;flex-direction:column;gap:8px;text-align:left}.buy-card-label{font-size:.75rem;font-weight:700;color:var(--text-main)}.buy-card-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.buy-card-trust{text-align:center;font-size:.7rem;color:var(--text-light)}.pin-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 480px){.pin-cards-grid{grid-template-columns:repeat(4,1fr)}}.pin-select-card{background-color:#fff;border:2px solid var(--border-color);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;transition:var(--transition);min-height:88px}.pin-select-card.accent-blue{--accent: var(--primary);--accent-bg: #eff6ff}.pin-select-card.accent-violet{--accent: var(--violet);--accent-bg: #f5f3ff}.pin-select-card.accent-pink{--accent: var(--pink);--accent-bg: #fdf2f8}.pin-select-card.accent-emerald{--accent: var(--emerald);--accent-bg: var(--emerald-bg)}.pin-select-card:not(.disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.pin-select-card.active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 6px 16px #0f172a14}.pin-select-card.disabled{opacity:.55;cursor:not-allowed}.pin-select-card.disabled:hover{transform:none}.card-title{font-weight:800;font-size:.9rem;color:var(--text-main)}.pin-select-card.active .card-title{color:var(--accent)}.card-price{font-family:monospace;font-weight:800;font-size:.8rem;color:var(--text-muted)}.pin-select-card.active .card-price{color:var(--accent)}.out-of-stock-badge{display:inline-block;font-size:8px;font-weight:800;color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5;padding:1px 6px;border-radius:4px;text-transform:uppercase}.low-stock-badge{display:inline-block;font-size:8px;font-weight:800;color:var(--amber);background-color:var(--amber-bg);border:1px solid var(--amber-border);padding:1px 6px;border-radius:4px;text-transform:uppercase}.pin-select-card.skeleton{cursor:default;background:linear-gradient(90deg,var(--card-bg) 25%,#eef1f5 37%,var(--card-bg) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.qty-stepper{display:flex;align-items:center;gap:8px}.qty-stepper-btn{height:36px;width:36px;flex-shrink:0;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:8px;font-size:1.1rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:var(--transition)}.qty-stepper-btn:hover{background-color:#fff;border-color:var(--border-hover)}.qty-stepper-input{width:70px;text-align:center;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;padding:8px;font-size:.9rem;font-weight:700;color:var(--text-main)}.qty-stepper-input:focus{outline:none;border-color:var(--primary)}.qty-stepper-input.input-error{border-color:#ef4444;background-color:#fef2f2}.form-input{width:100%;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:.85rem;font-weight:500;color:var(--text-main)}.form-input::placeholder{color:#cbd5e1}.form-input:focus{outline:none;border-color:var(--primary)}.form-input.input-error,.tracker-input.input-error{border-color:#ef4444;background-color:#fef2f2}.form-input.input-error:focus,.tracker-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.input-valid{border-color:var(--emerald)}.field-error{font-size:.7rem;font-weight:600;color:#ef4444;margin-top:2px}.btn-inline-spinner-wrap{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-inline-spinner{height:14px;width:14px;border:2px solid rgba(255,255,255,.5);border-right-color:#fff;border-radius:50%;animation:spinner-spin .75s linear infinite}.btn-tracker-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit-payment{width:100%;background:var(--cta-gradient);color:#fff;padding:16px;border:none;border-radius:12px;font-size:.95rem;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 10px 24px #db277740}.btn-submit-payment:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #db277752}.btn-submit-payment:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.mini-steps-section{max-width:640px;margin:8px auto 0;padding:20px 20px 8px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.mini-step{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.mini-step-icon{height:26px;width:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.75rem;flex-shrink:0}.mini-step-icon.accent-blue{background-color:var(--primary)}.mini-step-icon.accent-violet{background-color:var(--violet)}.mini-step-icon.accent-pink{background-color:var(--pink)}.tracker-section{max-width:1100px;margin:0 auto;padding:24px 20px}.tracker-card{background-color:#fff;border:1px solid var(--border-color);padding:20px;border-radius:16px;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;gap:16px}.tracker-title{font-weight:800;font-size:1.05rem;color:var(--text-main)}.tracker-desc{font-size:.725rem;color:var(--text-muted)}.tracker-form{display:flex;flex-direction:column;gap:8px}@media (min-width: 640px){.tracker-form{flex-direction:row}}.tracker-input{flex:1;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-main);font-size:.8rem}.tracker-input::placeholder{color:#cbd5e1}.btn-tracker-submit{background-color:var(--indigo);color:#fff;font-weight:700;font-size:.725rem;text-transform:uppercase;padding:8px 18px;border-radius:8px;border:none;cursor:pointer;transition:var(--transition)}.btn-tracker-submit:hover{background-color:var(--indigo-hover)}.pins-list-table{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;border:1px solid var(--border-color);border-radius:8px;padding:6px;background-color:var(--card-bg)}.pins-list-row{display:grid;grid-template-columns:28px 1fr 1fr;gap:8px;align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;font-family:monospace;font-size:.68rem}.pins-list-index{color:var(--text-light);font-weight:700}.pins-list-serial{color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pins-list-pin{color:var(--emerald);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pins-list-actions{display:flex;gap:8px}.pins-list-actions .btn-tracker-submit{flex:1}.btn-outline-small{background-color:#fff;color:var(--indigo);border:1px solid var(--indigo)}.btn-outline-small:hover{background-color:var(--primary-glow)}.modal-box-wide{max-width:460px}.tracked-result-card{background-color:var(--card-bg);border:1px solid var(--border-color);padding:14px;border-radius:12px;display:flex;flex-direction:column;gap:12px}.tracked-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.tracked-title{font-weight:700;color:var(--text-main)}.tracked-tag{font-size:8px;font-weight:700;background-color:var(--emerald-bg);color:var(--emerald);padding:2px 6px;border-radius:99px}.tracked-tag.pending{background-color:var(--amber-bg);color:var(--amber)}.tracked-body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border-top:1px solid var(--border-color);padding-top:8px;font-family:monospace;font-size:.7rem}.tracked-bottom{border-top:1px solid var(--border-color);padding-top:8px}.tracked-pin-box{color:var(--emerald);font-family:monospace;font-weight:700;font-size:.95rem;letter-spacing:.05em;display:block}.ticket-meta-label{display:block;font-size:8px;color:var(--text-light);font-family:monospace;text-transform:uppercase}.ticket-meta-value-sm{color:var(--text-dark);font-size:.7rem;font-weight:600;display:block}.faq-section{max-width:800px;margin:0 auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.section-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item-wrapper{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.faq-trigger{width:100%;padding:12px 16px;text-align:left;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-q-text{font-weight:700;font-size:.775rem;color:var(--text-main)}.faq-arrow{color:var(--indigo);font-weight:800;font-size:1rem}.faq-content{padding:8px 16px 12px;font-size:.7rem;color:var(--text-muted);line-height:1.4;border-top:1px solid var(--border-color)}.site-footer{border-top:1px solid var(--border-color);background-color:#f8fafc;padding:16px 20px;margin-top:auto}.footer-bottom-bar{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--text-light)}@media (min-width: 640px){.footer-bottom-bar{flex-direction:row}}.live-help-badge{display:inline-flex;align-items:center;gap:6px;color:var(--emerald);font-weight:700;text-decoration:none}.live-dot-green{height:4px;width:4px;background-color:var(--emerald);border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.ssl-badge{font-family:monospace;font-size:8px;letter-spacing:.05em;color:var(--text-light)}.sticky-mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;background-color:#fffffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0f172a0f;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}@media (min-width: 992px){.sticky-mobile-cta{display:none}}.sticky-mobile-cta-info{display:flex;flex-direction:column;line-height:1.2;overflow:hidden}.sticky-mobile-cta-label{font-size:.65rem;color:var(--text-light);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-mobile-cta-price{font-family:monospace;font-weight:800;color:var(--primary);font-size:.95rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background-color:#fff;border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:380px;padding:20px;position:relative;box-shadow:0 15px 30px #0f172a14}.btn-modal-close{position:absolute;top:12px;right:12px;height:24px;width:24px;border-radius:4px;background-color:var(--card-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.btn-modal-close:hover{color:var(--text-main)}.modal-content-wrapper{display:flex;flex-direction:column;gap:16px}.modal-header-icon{height:36px;width:36px;border-radius:50%;background-color:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:1rem}.modal-header-icon.success{background-color:var(--emerald-bg);color:var(--emerald)}.modal-header-icon.error{background-color:#fee2e2;color:#ef4444}.modal-info-summary{text-align:center;display:flex;flex-direction:column}.modal-info-title{font-weight:850;font-size:.9rem;color:var(--text-main)}.modal-info-desc{font-size:10px;color:var(--text-muted)}.btn-modal-action{width:100%;background:var(--cta-gradient);color:#fff;font-weight:700;font-size:.725rem;text-transform:uppercase;padding:10px;border-radius:8px;border:none;cursor:pointer;transition:var(--transition)}.btn-modal-action:hover{filter:brightness(1.08)}.loading-spinner{height:24px;width:24px;border:3px solid var(--primary);border-right-color:transparent;border-radius:50%;margin:12px auto;animation:spinner-spin .75s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.success-receipt-ticket{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;font-family:monospace;font-size:.7rem;text-align:left}.voucher-summary-note{font-size:8px;color:var(--text-light);font-style:italic}