:root{--color-bg: #0a0f14;--color-bg-deep: #060a0e;--color-bg-card: rgba(11, 18, 33, .85);--color-bg-card-hover: rgba(16, 26, 45, .9);--color-primary: #81fbfc;--color-primary-dark: #5ed4d5;--color-primary-glow: rgba(129, 251, 252, .4);--color-primary-subtle: rgba(129, 251, 252, .08);--color-secondary: #699091;--color-accent-warm: #f4a261;--gradient-primary: linear-gradient(135deg, #81fbfc 0%, #5ed4d5 100%);--color-text: #e8edef;--color-text-secondary: #a8b5b8;--color-text-muted: #6b7a7d;--color-border: rgba(129, 251, 252, .25);--color-border-subtle: rgba(129, 251, 252, .12);--color-border-hover: rgba(129, 251, 252, .5);--color-danger: #ff6b6b;--color-danger-subtle: rgba(255, 107, 107, .12);--font-display: "Tektur", "Orbitron", sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--max-width: 480px;--padding-page: 20px;--shadow-glow-sm: 0 0 10px var(--color-primary-glow);--shadow-glow-md: 0 0 20px var(--color-primary-glow);--transition-fast: .15s ease;--transition-base: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100dvh;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}::selection{background:var(--color-primary);color:var(--color-bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes decode-in{0%{opacity:0;filter:blur(8px);transform:translateY(15px)}60%{filter:blur(2px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100dvh;max-width:var(--max-width);margin:0 auto;padding:var(--padding-page);padding-top:max(var(--padding-page),env(safe-area-inset-top));padding-bottom:max(var(--padding-page),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease-out}.app--center{justify-content:center;align-items:center;gap:0}.spinner{width:36px;height:36px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite;box-shadow:0 0 12px var(--color-primary-glow)}.card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);padding:20px;width:100%;animation:decode-in .6s ease-out}.card:before,.card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--color-primary);border-style:solid;opacity:.6;transition:opacity var(--transition-base);pointer-events:none;z-index:2}.card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.error-card{position:relative;max-width:340px;background:var(--color-bg-card);border:1px solid var(--color-border);padding:24px 22px;text-align:center;animation:decode-in .6s ease-out}.error-card:before,.error-card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--color-primary);border-style:solid;opacity:.6;pointer-events:none}.error-card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.error-card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.error-card__title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:10px;text-transform:uppercase}.error-card__text{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.screen{display:flex;flex-direction:column;gap:20px}.screen__header{display:flex;flex-direction:column;gap:6px;text-align:center}.screen__header--with-back{flex-direction:row;align-items:center;gap:12px;text-align:left}.screen__title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:var(--letter-spacing-wide);color:var(--color-text);line-height:1.2}.screen__subtitle{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-muted);font-size:18px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.back-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow-sm)}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hub-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:124px;padding:20px 14px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text);text-align:left;font-family:var(--font-body);transition:all var(--transition-base);animation:decode-in .6s ease-out;-webkit-tap-highlight-color:transparent}.hub-card:before,.hub-card:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--color-primary);border-style:solid;opacity:.5;transition:opacity var(--transition-base);pointer-events:none;z-index:2}.hub-card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.hub-card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.hub-card--active:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow-sm)}.hub-card--active:hover:before,.hub-card--active:hover:after{opacity:1}.hub-card--active:active{transform:translateY(1px)}.hub-card--soon{opacity:.5;cursor:default}.hub-card__icon{position:absolute;top:12px;right:14px;font-size:24px;line-height:1;opacity:.85}.hub-card__title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--color-text);margin-bottom:2px}.hub-card__subtitle{font-size:12px;color:var(--color-text-muted);line-height:1.3}.hub-card__badge{position:absolute;top:10px;left:10px;padding:2px 6px;font-family:var(--font-display);font-size:9px;font-weight:500;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-primary);opacity:.8;border:1px solid var(--color-border-subtle);background:#0a0f14cc;z-index:3}.tile-stack{display:flex;flex-direction:column;gap:12px}.tile{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);padding:20px;animation:decode-in .6s ease-out}.tile:before,.tile:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--color-primary);border-style:solid;opacity:.5;pointer-events:none;z-index:2}.tile:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.tile:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.tile--ghost{background:var(--color-primary-subtle)}.tile--ghost:before,.tile--ghost:after{opacity:.8}.tile__title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--color-text);margin-bottom:6px}.tile__subtitle{font-size:13px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:16px}.tile__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;background:transparent;color:var(--color-primary);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.tile__cta:hover:not(:disabled){background:var(--color-primary-subtle);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow-sm)}.tile__cta:disabled{opacity:.35;cursor:not-allowed;color:var(--color-text-muted);border-color:var(--color-border-subtle)}.tile__cta--primary{background:var(--gradient-primary);color:var(--color-bg);border:none;font-weight:700;text-shadow:none}.tile__cta--primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.tile__cta--primary:hover:not(:disabled),.tile__cta--primary:focus-visible:not(:disabled){background:var(--gradient-primary);color:var(--color-bg);box-shadow:var(--shadow-glow-md),0 4px 16px #0000004d;transform:translateY(-2px)}.tile__cta--primary:hover:not(:disabled):after{left:100%}.tile__cta--primary:active:not(:disabled){transform:translateY(0)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:4px 0}@media (max-width: 480px){:root{--padding-page: 16px}.screen__title{font-size:20px}.hub-card{min-height:108px;padding:18px 12px 14px}.hub-card__icon{font-size:22px;top:10px;right:12px}.hub-card__title{font-size:15px}.tile{padding:18px 16px}.tile__cta{padding:11px 16px;font-size:12px}}@media (max-width: 360px){.hub-grid{gap:10px}.hub-card{min-height:100px}.hub-card__title{font-size:14px}.hub-card__subtitle{font-size:11px}}