:root{--bg: #08080f;--bg-surface: #0e0e1a;--bg-card: #111120;--bg-card-hover: #161630;--bg-elevated: #1a1a30;--bg-input: #0c0c16;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--border-accent: rgba(99,102,241,.3);--text: #ededf0;--text-secondary: #8e8ea8;--text-muted: #555570;--accent: #6366f1;--accent-hover: #818cf8;--accent-dim: rgba(99,102,241,.15);--accent-glow: rgba(99,102,241,.25);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--success: #22c55e;--success-dim: rgba(34,197,94,.12);--warning: #f59e0b;--warning-dim: rgba(245,158,11,.12);--danger: #ef4444;--danger-dim: rgba(239,68,68,.12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", var(--font);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s var(--ease);--t-med: .25s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.2}.catalog-header{padding:20px 16px 12px;text-align:center}.catalog-header h1{font-size:20px;font-weight:700;color:var(--text)}.catalog-header p{font-size:13px;color:var(--text-secondary);margin-top:4px}.category-filters{display:flex;gap:6px;padding:0 16px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;white-space:nowrap;transition:all var(--t-fast)}.category-chip:hover{color:var(--text);border-color:var(--border-hover)}.category-chip.active{color:#fff;background:var(--accent);border-color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px 100px}.product-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;text-decoration:none;cursor:pointer;transition:all var(--t-med)}.product-card:active{transform:scale(.97)}.product-card__visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:linear-gradient(135deg,#1a1a3e,#12122a);overflow:hidden}.product-card__visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(124,92,252,.2) 0%,transparent 70%)}.product-card__visual svg{width:36px;height:36px;opacity:.9;position:relative;z-index:1;color:#ffffffb3}.product-card__visual img{width:100%;height:100%;object-fit:cover}.product-card__badge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 8px;font-size:10px;font-weight:600;border-radius:4px;line-height:1.3}.product-card__badge--hit{background:#f59e0be6;color:#000}.product-card__badge--sale{background:#ef4444d9;color:#fff}.product-card__badge--new{background:#0891b2d9;color:#fff}.product-card__badge--top{background:#f59e0be6;color:#000}.product-card__body{display:flex;flex-direction:column;flex:1;padding:10px 10px 12px}.product-card__price-row{display:flex;align-items:baseline;gap:5px;margin-bottom:4px}.product-card__price{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text);line-height:1.2}.product-card__price-from{font-size:11px;font-weight:400;color:var(--text-muted)}.product-card__name{font-size:13px;font-weight:500;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.product-card__cta{display:block;width:100%;margin-top:8px;padding:7px 0;font-size:12px;font-weight:600;color:#fff;text-align:center;background:var(--accent);border:none;border-radius:var(--r-sm);transition:all var(--t-fast)}.product-page{padding-bottom:100px}.product-hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;overflow:hidden}.product-hero--gradient{background:linear-gradient(135deg,#1a1a3e,#12122a)}.product-hero--gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(124,92,252,.2) 0%,transparent 70%)}.product-hero svg{width:64px;height:64px;opacity:.9;position:relative;z-index:1;color:#ffffffb3}.product-hero img{width:100%;height:100%;object-fit:cover}.product-info{padding:16px}.product-info h1{font-size:20px;font-weight:700;color:var(--text)}.product-info__type{font-size:12px;color:var(--text-muted);margin-top:2px}.product-info__price-block{display:flex;align-items:baseline;gap:8px;margin-top:12px}.product-info__price{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--text)}.product-info__old-price{font-size:15px;color:var(--text-muted);text-decoration:line-through}.product-info__description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-top:12px;white-space:pre-line;word-break:break-word}.configurator{margin:0 16px 16px;padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg)}.config-group{margin-bottom:14px}.config-group:last-child{margin-bottom:0}.config-group__label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.config-group__pills{display:flex;flex-wrap:wrap;gap:8px}.config-pill{padding:9px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.config-pill:hover{color:var(--text);border-color:var(--border-hover)}.config-pill.active{color:#fff;background:var(--accent);border-color:var(--accent)}.buy-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#08080feb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100}.buy-button{width:100%;padding:13px;border:none;border-radius:var(--r-md);font-size:15px;font-weight:600;color:#fff;background:var(--gradient-accent);box-shadow:0 2px 12px #6366f14d;cursor:pointer;transition:all var(--t-fast)}.buy-button:active:not(:disabled){transform:scale(.98);box-shadow:0 4px 20px #6366f173}.buy-button:disabled{opacity:.4;cursor:not-allowed}.buy-button--unavailable{background:var(--bg-card);color:var(--text-muted);box-shadow:none;border:1px solid var(--border)}.order-page{padding:16px 16px 100px}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.order-banner{display:flex;align-items:center;gap:12px;padding:16px}.order-banner__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md)}.order-banner__icon svg{width:20px;height:20px}.order-banner__title{font-size:15px;font-weight:600;color:var(--text)}.order-banner__desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.order-banner--success{background:var(--success-dim)}.order-banner--success .order-banner__icon{background:#22c55e33}.order-banner--success .order-banner__icon svg{color:var(--success)}.order-banner--pending{background:var(--accent-dim)}.order-banner--pending .order-banner__icon{background:#6366f133}.order-banner--failed,.order-banner--cancelled{background:var(--danger-dim)}.order-banner--failed .order-banner__icon,.order-banner--cancelled .order-banner__icon{background:#ef444433}.order-banner--failed .order-banner__icon svg,.order-banner--cancelled .order-banner__icon svg{color:var(--danger)}.order-banner--restock{background:var(--warning-dim)}.order-banner--restock .order-banner__icon{background:#f59e0b33}.order-banner--restock .order-banner__icon svg{color:var(--warning)}.order-body{padding:16px}.order-meta{display:flex;flex-direction:column;gap:0}.order-meta-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.order-meta-item:last-child{border-bottom:none}.order-meta__label{color:var(--text-secondary)}.order-meta__value{font-weight:500;color:var(--text)}.credentials{margin-top:16px;border:1px solid rgba(34,197,94,.2);border-radius:var(--r-md);overflow:hidden}.cred-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.cred-row+.cred-row{border-top:1px solid var(--border)}.cred-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cred-value{font-size:15px;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:var(--text);margin-top:2px;word-break:break-all}.cred-copy{padding:6px 12px;font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-dim);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.cred-copy:active{background:#6366f140}.order-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--r-full)}.badge--success{background:var(--success-dim);color:var(--success)}.badge--warning{background:var(--warning-dim);color:var(--warning)}.badge--danger{background:var(--danger-dim);color:var(--danger)}.badge--accent{background:var(--accent-dim);color:var(--accent)}.badge--dot:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.orders-page{padding:16px 16px 100px}.orders-page h1{font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px}.order-list-item{display:block;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);text-decoration:none;color:inherit;margin-bottom:8px;transition:all var(--t-fast)}.order-list-item:active{background:var(--bg-card-hover)}.order-list-item__header{display:flex;justify-content:space-between;align-items:center}.order-list-item__name{font-size:14px;font-weight:600;color:var(--text)}.order-list-item__amount{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--text)}.order-list-item__footer{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text-muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));background:#08080feb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;font-size:10px;font-weight:500;color:var(--text-muted);padding:4px 20px;transition:color var(--t-fast)}.bottom-nav__item.active{color:var(--accent)}.bottom-nav__item svg{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-weight:500;font-size:14px;border-radius:var(--r-md);transition:all var(--t-fast);white-space:nowrap;cursor:pointer;text-decoration:none}.btn--primary{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 12px #6366f14d}.btn--primary:active{box-shadow:0 4px 20px #6366f173}.btn--secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn--secondary:active{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:active{color:var(--text)}.btn--full{width:100%}.btn--sm{padding:8px 14px;font-size:13px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:var(--text-secondary);font-size:14px}.empty-state{text-align:center;padding:60px 16px;color:var(--text-secondary)}.empty-state__icon{width:48px;height:48px;margin:0 auto 12px;color:var(--text-muted)}.empty-state__icon svg{width:100%;height:100%}.empty-state__text{font-size:15px}.checkout-page{padding:16px 16px 100px}.checkout-page h1{font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px}.checkout-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;margin-bottom:20px}.checkout-summary__name{font-size:15px;font-weight:600;color:var(--text)}.checkout-summary__variant{font-size:13px;color:var(--text-secondary);margin-top:4px}.checkout-summary__price{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--text);margin-top:10px}.checkout-field{margin-bottom:16px}.checkout-field__label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.checkout-field__hint{font-size:12px;color:var(--text-muted);margin-bottom:8px}.checkout-field__input{display:block;width:100%;padding:12px 14px;font-size:15px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t-fast)}.checkout-field__input::placeholder{color:var(--text-muted)}.checkout-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.checkout-error{padding:10px 14px;font-size:13px;color:var(--danger);background:var(--danger-dim);border-radius:var(--r-md);margin-bottom:16px}