*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #090a0f;--color-text-primary: #1d1d1f;--color-text-secondary: #424245;--color-text-muted: #6e6e73;--color-accent: #0f172a;--color-accent-hover: #1e293b;--color-border: rgba(0, 0, 0, .08);--color-glass-bg: rgba(255, 255, 255, .52);--color-glass-border: rgba(255, 255, 255, .75);--color-glass-input: rgba(255, 255, 255, .65);--color-glass-shadow: rgba(0, 0, 0, .05);--color-success: #16a34a;--color-error: #dc2626;--color-success-bg: rgba(22, 163, 74, .1);--color-error-bg: rgba(220, 38, 38, .1);--color-warning-bg: rgba(234, 88, 12, .1);--color-warning-border: rgba(234, 88, 12, .25);--color-warning-text: #c2410c;--font-heading: "Syne", sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 28px;--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:#f1f3f8;-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:1360px;display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-2xl);align-items:center;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 .9s var(--ease-out) both}.brand-link-btn{text-decoration:none;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.15em;color:var(--color-accent);border:1.5px solid var(--color-accent);padding:8px 18px;border-radius:50px;background:#ffffff59;backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--duration) var(--ease-out)}.brand-link-btn .arrow-icon{width:13px;height:13px;opacity:0;transform:translate(-4px);transition:all var(--duration) var(--ease-out)}.brand-link-btn:hover{background:var(--color-accent);color:#fff;padding-right:22px;box-shadow:0 6px 18px #0000001f}.brand-link-btn:hover .arrow-icon{opacity:1;transform:translate(0)}.portal-title{font-family:var(--font-heading);font-size:4.2rem;font-weight:800;line-height:1.02;letter-spacing:-.04em;color:#0f172a;margin-top:-6px}.portal-desc{font-size:1.15rem;line-height:1.55;font-weight:400;color:var(--color-text-secondary);max-width:580px}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%;max-width:620px}.meta-item{background:var(--color-glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:0 6px 16px var(--color-glass-shadow);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.meta-item:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.meta-item.full-width{grid-column:span 2}.meta-item.highlight-card{background:#ffffffb3;border-color:#0f172a26}.meta-label{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--color-text-muted)}.meta-value{font-size:1.02rem;font-weight:700;color:var(--color-text-primary)}.email-value{font-family:var(--font-mono);color:#0f172a;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s}.email-value:hover{color:#f43f5e}.status-shield{color:#2563eb}.warning-text{color:#d97706}.error-text{color:#dc2626}.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-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted)}.footer-btn{background:none;border:none;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--duration)}.footer-btn:hover{color:#f43f5e}.form-section{display:flex;align-items:center;width:100%;animation:slideInRight .9s var(--ease-out) both}.support-card{width:100%;background:var(--color-glass-bg);backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);box-shadow:0 24px 50px #0000000d}.card-header{margin-bottom:var(--space-lg)}.card-title{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.card-subtitle{font-size:.92rem;color:var(--color-text-muted);margin-top:6px;line-height:1.45}.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:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}.char-counter{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--color-text-muted);opacity:.85}.char-counter.limit-reached{color:var(--color-error);font-weight:700}.form-input,.form-textarea{width:100%;padding:13px var(--space-md);background:var(--color-glass-input);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:all var(--duration) var(--ease-out)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.form-input:focus,.form-textarea:focus{border-color:#0f172a;background-color:#fff;box-shadow:0 0 0 4px #0f172a14}.form-textarea{resize:vertical;min-height:110px;max-height:160px}.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:12px var(--space-md);font-family:var(--font-mono);font-size:.82rem;font-weight:600;line-height:1.4;margin-bottom:var(--space-sm)}.submit-btn{position:relative;width:100%;padding:14px 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-mono);font-size:.92rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all var(--duration) var(--ease-out)}.submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:0 10px 28px #0f172a33}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.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:2.5px 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)}}.post-submit-card{text-align:center;display:flex;flex-direction:column;align-items:center}.success-icon-badge{font-size:3rem;line-height:1;margin-bottom:4px;animation:floatBounce 3s ease-in-out infinite}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cooldown-timer-box{background:#0f172af2;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:18px 24px;margin:20px 0;width:100%;box-shadow:0 12px 30px #00000026}.timer-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;color:#f43f5e;text-transform:uppercase}.timer-countdown{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:.05em;margin-top:4px}.stair-reasons-container{width:100%;text-align:left;margin-top:10px;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-md);padding:18px}.stair-title{font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:12px}.stair-reasons-list{list-style:none;display:flex;flex-direction:column;gap:10px}.stair-item{display:flex;align-items:flex-start;gap:12px;font-size:.85rem;line-height:1.45;color:var(--color-text-primary);background:#fff9;padding:10px 14px;border-radius:10px;border-left:3px solid #0f172a;transition:transform .2s ease}.stair-item:hover{transform:translate(4px)}.stair-num{font-family:var(--font-mono);font-weight:800;font-size:.75rem;color:#f43f5e;background:#f43f5e1a;padding:2px 6px;border-radius:4px}.item-1{border-left-color:#2563eb}.item-2{border-left-color:#9333ea}.item-3{border-left-color:#f43f5e}.item-4{border-left-color:#16a34a}.toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%) translateY(100px);padding:12px var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem;font-weight:600;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(22,163,74,.3);color:var(--color-success)}.toast.error{background:var(--color-error-bg);border:1px solid rgba(220,38,38,.3);color:var(--color-error)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:1120px){.portal-container{max-width:100%;grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-md) 0}.info-section{align-items:center;text-align:center}.portal-title{font-size:3.2rem}.portal-desc,.meta-grid{max-width:100%}.portal-footer{justify-content:center;gap:var(--space-md);flex-wrap:wrap}}@media(max-width:600px){.portal-title{font-size:2.5rem}.meta-grid{grid-template-columns:1fr}.meta-item.full-width{grid-column:span 1}.support-card{padding:var(--space-lg) var(--space-md)}.timer-countdown{font-size:2rem}}