*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--surface: #12121a;--surface-2: #1a1a2e;--border: #2a2a3a;--border-hover: #3a3a4a;--text: #e0e0e0;--text-secondary: #8a8a9a;--text-muted: #5a5a6a;--accent: #4a6fa5;--accent-hover: #5a7fb5;--accent-glow: rgba(74, 111, 165, .3);--success: #4caf50;--danger: #ef5350;--danger-hover: #f44336;--warning: #ffa726;--radius: 16px;--radius-sm: 8px;--radius-xs: 4px;--font-title: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--transition: .2s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;color:var(--text);background:var(--bg);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.page{max-width:900px;margin:0 auto;padding:40px 20px 80px}.page-title{font-family:var(--font-title);font-size:1.8rem;font-weight:700;margin-bottom:32px;text-align:center;letter-spacing:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-title{font-family:var(--font-title);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:1.1rem;font-weight:600;padding:14px 32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);width:100%}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--border-hover);background:var(--surface)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#ef53501a}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.input{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.checkbox-group{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.checkbox-group span{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.cart-item:hover{border-color:var(--border-hover)}.cart-item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius-sm);color:var(--accent);flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-weight:600;font-size:1.05rem;margin-bottom:2px}.cart-item-desc{font-size:.85rem;color:var(--text-secondary)}.cart-item-price{font-weight:700;font-size:1.1rem;color:var(--accent);white-space:nowrap}.cart-item-actions{display:flex;align-items:center;gap:8px}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);cursor:pointer;font-size:1rem;transition:all var(--transition)}.qty-btn:hover{border-color:var(--accent);color:var(--accent)}.qty-value{width:32px;text-align:center;font-weight:600;font-size:1rem}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color var(--transition)}.remove-btn:hover{color:var(--danger)}.summary{position:sticky;top:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:1rem}.summary-row.discount{color:var(--success)}.summary-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.summary-total{font-size:1.3rem;font-weight:700}.summary-total .amount{color:var(--accent)}.promo-group{display:flex;gap:8px;margin-top:16px}.promo-group .input{flex:1}.promo-group .btn{width:auto;padding:12px 20px;font-size:.9rem}.promo-applied{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 14px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-sm);color:var(--success);font-size:.9rem}.checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.success-container{text-align:center;padding:60px 20px}.success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#4caf5026;border-radius:50%;margin:0 auto 24px;color:var(--success)}.success-title{font-family:var(--font-title);font-size:1.6rem;font-weight:700;margin-bottom:12px}.success-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:8px}.success-order-id{font-family:var(--font-title);font-size:.85rem;color:var(--text-muted);letter-spacing:2px;margin-top:24px}.empty-cart{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-cart-icon{color:var(--text-muted);margin-bottom:16px}.empty-cart h3{font-family:var(--font-title);font-size:1.1rem;margin-bottom:8px;color:var(--text)}@media(max-width:768px){.checkout-grid{grid-template-columns:1fr}.summary{position:static}.page-title{font-size:1.4rem}.cart-item{flex-wrap:wrap}.cart-item-actions{width:100%;justify-content:space-between;margin-top:8px}}.paypal-container{margin-top:24px;min-height:150px}.recap-item{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem}.recap-item span:first-child{color:var(--text-secondary)}.recap-item span:last-child{font-weight:600}