*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f5f5f7;--color-text-primary: #1d1d1f;--color-text-secondary: #515154;--color-text-muted: #86868b;--color-accent: #000000;--color-accent-hover: #1d1d1f;--color-border: rgba(0, 0, 0, .08);--color-glass-bg: rgba(255, 255, 255, .45);--color-glass-border: rgba(255, 255, 255, .7);--color-glass-input: rgba(255, 255, 255, .6);--color-glass-shadow: rgba(0, 0, 0, .04);--color-success: #1d883f;--color-error: #df2020;--color-success-bg: rgba(29, 136, 63, .08);--color-error-bg: rgba(223, 32, 32, .08);--color-warning-bg: rgba(223, 90, 32, .08);--color-warning-border: rgba(223, 90, 32, .2);--color-warning-text: #bd4a0f;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .35s}html,body{height:100dvh;width:100vw;overflow:hidden;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#wave-canvas{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:0}#app-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:10;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:var(--space-lg);pointer-events:none}.portal-container{pointer-events:auto;width:100%;max-width:1120px;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-2xl);align-items:stretch;margin:auto;padding:var(--space-lg) 0}.info-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);animation:slideInLeft 1s var(--ease-out) both}.brand-link-btn{text-decoration:none;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--color-accent);border:1.5px solid var(--color-accent);padding:6px 16px;border-radius:50px;background:#fff3;backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--duration) var(--ease-out)}.brand-link-btn .arrow-icon{width:12px;height:12px;opacity:0;transform:translate(-4px);transition:all var(--duration) var(--ease-out)}.brand-link-btn:hover{background:var(--color-accent);color:#fff;padding-right:20px;box-shadow:0 4px 12px #00000014}.brand-link-btn:hover .arrow-icon{opacity:1;transform:translate(0)}.portal-title{font-size:3.8rem;font-weight:700;line-height:1.05;letter-spacing:-.04em;color:var(--color-accent);margin-top:-10px}.portal-desc{font-size:1.1rem;line-height:1.5;font-weight:400;color:var(--color-text-secondary);max-width:520px}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%;max-width:540px}.meta-item{background:var(--color-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:0 4px 12px var(--color-glass-shadow);transition:transform var(--duration) var(--ease-out)}.meta-item:hover{transform:translateY(-2px)}.meta-item.full-width{grid-column:span 2}.meta-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-muted)}.meta-value{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.meta-value.status-online{color:var(--color-success);display:flex;align-items:center;gap:var(--space-sm)}.meta-value.status-online:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #1d883fb3}70%{transform:scale(1);box-shadow:0 0 0 6px #1d883f00}to{transform:scale(.95);box-shadow:0 0 #1d883f00}}.portal-footer{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-md);font-size:.75rem;color:var(--color-text-muted)}.footer-btn{background:none;border:none;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration)}.footer-btn:hover{color:var(--color-accent)}.form-section{display:flex;align-items:center;animation:slideInRight 1s var(--ease-out) both}.support-card{width:100%;background:var(--color-glass-bg);backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);box-shadow:0 20px 40px #0000000a}.card-header{margin-bottom:var(--space-lg)}.card-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.card-subtitle{font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.support-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.label-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.form-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}.char-counter{font-family:var(--font-mono);font-size:.62rem;font-weight:500;color:var(--color-text-muted);opacity:.8;transition:color var(--duration) var(--ease-out)}.char-counter.limit-reached{color:var(--color-error);font-weight:700;opacity:1}.form-input,.form-textarea{width:100%;padding:11px var(--space-md);background:var(--color-glass-input);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);opacity:.65}.form-input:focus,.form-textarea:focus{border-color:var(--color-focus);background-color:#fff;box-shadow:0 0 0 3px #0000000d}.form-textarea{resize:vertical;min-height:100px;max-height:140px}.warning-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);border-radius:var(--radius-sm);padding:10px var(--space-md);font-size:.8rem;font-weight:500;line-height:1.4;margin-bottom:var(--space-sm);animation:fadeIn .4s var(--ease-out)}.submit-btn{position:relative;width:100%;padding:12px var(--space-lg);margin-top:var(--space-sm);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;overflow:hidden;transition:transform var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:0 8px 24px #0000001f}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn .btn-text{transition:opacity .2s}.submit-btn.loading .btn-text{opacity:0}.submit-btn .spinner{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;transition:opacity .2s;animation:spin .6s linear infinite}.submit-btn.loading .spinner{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%) translateY(100px);padding:10px var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.85rem;font-weight:500;pointer-events:none;z-index:100;opacity:0;transition:transform .4s var(--ease-out),opacity .4s var(--ease-out);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{background:var(--color-success-bg);border:1px solid rgba(29,136,63,.25);color:var(--color-success)}.toast.error{background:var(--color-error-bg);border:1px solid rgba(223,32,32,.25);color:var(--color-error)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:200;background:#00000026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-content{background:#fffc;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:480px;box-shadow:0 30px 60px #0000001a;transform:scale(.95) translateY(10px);transition:transform .35s var(--ease-out)}.modal-overlay.visible .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.modal-header h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.close-modal-btn{background:none;border:none;font-size:1.8rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:4px;transition:color .2s}.close-modal-btn:hover{color:var(--color-accent)}.modal-body{display:flex;flex-direction:column;gap:var(--space-md)}.modal-body h3{font-size:.95rem;font-weight:700}.modal-body p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}@keyframes slideInLeft{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:960px){#app-overlay{align-items:flex-start}.portal-container{grid-template-columns:1fr;gap:var(--space-2xl);padding:var(--space-md) 0 var(--space-2xl)}.info-section{align-items:center;text-align:center;gap:var(--space-lg)}.portal-title{font-size:2.8rem}.portal-desc,.meta-grid{max-width:100%}}@media(max-width:480px){.portal-title{font-size:2.2rem}.meta-grid{grid-template-columns:1fr}.meta-item.full-width{grid-column:span 1}.support-card{padding:var(--space-lg) var(--space-md)}.portal-footer{flex-direction:column;gap:var(--space-sm)}}