@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/inter-tight-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/inter-tight-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root { --bg:#000000; --surface:#0E0E0E; --card:#141414; --card-hover:#252525; --border:#252525; --text:#fff; --muted:#A6A6A6; --subtle:#A6A6A6; --primary:#17F0C5; --secondary:#63F5D8; --success:#17F0C5; --radius:18px; --shadow:0 24px 70px rgba(0,0,0,.35); color-scheme:dark; }
.auth-body { align-items:center; background:radial-gradient(circle at top,#1A433B,#080808 48%); display:flex; justify-content:center; min-height:100vh; padding:24px; }.auth-card { background:#151515; border:1px solid #333333; border-radius:18px; box-shadow:var(--shadow); max-width:420px; padding:36px; width:100%; }.auth-card h1 { font-size:1.8rem; margin:0 0 8px; }.auth-card p { color:#BBBBBB; line-height:1.5; }.auth-card label { display:block; font-weight:500; margin-top:18px; }.auth-card input { background:#0d0d0d; border:1px solid #4E4E4E; border-radius:10px; color:#fff; font:inherit; margin-top:7px; padding:12px; width:100%; }.auth-card input:focus { border-color:#63F5D8; outline:3px solid rgba(99,245,216,.25); }.auth-card button { background:#17F0C5; border:0; border-radius:10px; color:var(--accent-ink,#000); cursor:pointer; font:inherit; font-weight:500; margin-top:26px; padding:13px; width:100%; }.auth-card .notice,.auth-card .error { border-radius:10px; padding:12px; }.auth-card .notice { background:#153730; color:#B5F9EB; }.auth-card .error { color:#fecaca; margin:6px 0 0; }.auth-card a { color:#B9F9EC; }
.usage-progress { appearance:none; background:#2A2A2A; border:0; border-radius:999px; display:block; height:8px; margin:1.2rem 0; overflow:hidden; width:100%; }.usage-progress::-webkit-progress-bar { background:#2A2A2A; }.usage-progress::-webkit-progress-value { background:linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:999px; }.usage-progress::-moz-progress-bar { background:linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:999px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { background:var(--bg); color:var(--text); font-family:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.55; margin:0; } a { color:inherit; text-decoration:none; } a:focus-visible, button:focus-visible { outline:3px solid rgba(99,245,216,.75); outline-offset:4px; } .skip-link { background:#fff; color:#111; left:1rem; padding:.65rem 1rem; position:fixed; top:-4rem; z-index:100; } .skip-link:focus { top:1rem; }.site-header { background:linear-gradient(to bottom,rgba(8,8,8,.88),transparent); left:0; position:fixed; right:0; top:0; transition:background .2s ease,border-color .2s ease; z-index:20; }.site-header.is-scrolled { backdrop-filter:blur(16px); background:rgba(8,8,8,.82); border-bottom:1px solid rgba(255,255,255,.08); }.nav-shell { align-items:center; display:flex; justify-content:space-between; min-height:76px; }.brand { align-items:center; display:inline-flex; font-size:1.13rem; font-weight:500; gap:.55rem; letter-spacing:-.04em; }.brand-mark { align-items:center; background:linear-gradient(135deg,var(--secondary),var(--primary)); border-radius:9px; display:inline-flex; height:28px; justify-content:center; width:28px; }.brand-mark svg { fill:none; height:20px; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.4; width:20px; }.brand-wordmark span { color:#63F5D8; }.nav-links { align-items:center; display:flex; gap:1.65rem; }.nav-links > a:not(.button), .site-footer a { color:#D6D6D6; font-size:.91rem; }.nav-links > a:not(.button):hover, .site-footer a:hover { color:#fff; }.nav-toggle { background:transparent; border:0; color:#fff; display:none; padding:.5rem; }.button { align-items:center; background:linear-gradient(135deg,var(--primary),var(--secondary)); border:1px solid transparent; border-radius:12px; box-shadow:0 10px 30px rgba(23,240,197,.22); color:var(--accent-ink,#000); display:inline-flex; font-size:.95rem; font-weight:500; gap:.55rem; justify-content:center; padding:.82rem 1.1rem; transition:transform .2s ease,box-shadow .2s ease; }.button:hover { box-shadow:0 14px 35px rgba(23,240,197,.4); color:#fff; transform:translateY(-2px); }.button svg,.text-link svg { height:16px; width:16px; }.button-small { border-radius:10px; font-size:.85rem; padding:.57rem .85rem; }.section { padding:7rem 0; position:relative; }.hero { min-height:730px; overflow:hidden; padding:11.5rem 0 3rem; position:relative; }.section-grid { background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:52px 52px; }.hero-glow { background:radial-gradient(circle,rgba(23,240,197,.24) 0,rgba(23,240,197,.08) 30%,transparent 67%); height:800px; left:50%; pointer-events:none; position:absolute; top:-330px; transform:translateX(-50%); width:1000px; }.hero-content { align-items:center; display:grid; gap:3.5rem; grid-template-columns:1fr 1.08fr; position:relative; }.hero-copy { max-width:580px; }.eyebrow { color:#B9F9EC; font-size:.76rem; font-weight:500; letter-spacing:.13em; margin:0 0 1rem; text-transform:uppercase; }.pulse-dot { background:var(--success); border-radius:50%; box-shadow:0 0 0 5px rgba(23,240,197,.12); display:inline-block; height:7px; margin-right:.5rem; width:7px; }.hero h1,.section-heading h2,.cta-panel h2 { font-size:clamp(2.7rem,5vw,5.15rem); font-weight:300; letter-spacing:-.025em; line-height:.99; margin:0; }.hero h1 span { background:linear-gradient(96deg,#fff 12%,#B9F9EC 63%,#63F5D8); -webkit-background-clip:text; background-clip:text; color:transparent; display:block; }.hero-lede { color:var(--muted); font-size:1.12rem; margin:1.65rem 0 2rem; max-width:510px; }.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:1.35rem; }.text-link { align-items:center; color:#D8FCF5; display:inline-flex; font-size:.94rem; font-weight:500; gap:.45rem; }.text-link:hover { color:#fff; }.hero-note { align-items:center; color:var(--subtle); display:flex; font-size:.8rem; gap:.45rem; margin-top:1.5rem; }.hero-note svg { color:#63F5D8; height:16px; width:16px; }.hero-preview { min-width:0; position:relative; }.hero-preview img { display:block; max-width:100%; position:relative; z-index:2; }.preview-orbit { border:1px solid rgba(99,245,216,.22); border-radius:50%; pointer-events:none; position:absolute; }.orbit-one { height:88%; left:3%; top:4%; width:88%; }.orbit-two { border-color:rgba(99,245,216,.14); height:67%; right:-5%; top:17%; width:67%; }.trust-row { border-top:1px solid rgba(255,255,255,.1); display:flex; gap:2rem; justify-content:space-between; margin-top:3rem; padding-top:1.25rem; position:relative; }.trust-row span { align-items:center; color:var(--muted); display:flex; font-size:.83rem; gap:.5rem; }.trust-row svg { color:#63F5D8; height:17px; width:17px; }.section-muted { background:var(--surface); border-bottom:1px solid var(--border); border-top:1px solid var(--border); }.section-heading { max-width:610px; }.section-heading h2,.cta-panel h2 { font-size:clamp(2.2rem,4vw,3.65rem);font-weight:300}.section-heading > p:not(.eyebrow),.cta-panel > div > p:not(.eyebrow) { color:var(--muted); font-size:1.03rem; margin:1rem 0 0; }.centered { margin:0 auto; text-align:center; }.steps-grid { display:grid; gap:1rem; grid-template-columns:repeat(3,1fr); list-style:none; margin:3.5rem 0 0; padding:0; }.step-card { background:linear-gradient(135deg,rgba(255,255,255,.045),transparent),var(--card); border:1px solid var(--border); border-radius:var(--radius); min-height:280px; padding:1.7rem; position:relative; transition:background .2s ease,border-color .2s ease,transform .2s ease; }.step-card:hover,.feature-card:hover { background:var(--card-hover); border-color:#079A7F; transform:translateY(-4px); }.step-number { color:var(--muted); font-size:.78rem; font-weight:500; position:absolute; right:1.5rem; top:1.35rem; }.icon-box { align-items:center; background:rgba(23,240,197,.14); border:1px solid rgba(99,245,216,.24); border-radius:12px; color:#B9F9EC; display:flex; height:42px; justify-content:center; width:42px; }.icon-box svg { height:20px; width:20px; }.step-card h3,.feature-card h3,.format-cards h3 { font-size:1.1rem; letter-spacing:-.025em; margin:1.55rem 0 .5rem; }.step-card p,.feature-card p,.format-cards p { color:var(--muted); font-size:.91rem; margin:0; }.feature-layout { align-items:center; display:grid; gap:4rem; grid-template-columns:.8fr 1.2fr; }.feature-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,1fr); }.feature-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); min-height:190px; padding:1.4rem; transition:background .2s ease,border-color .2s ease,transform .2s ease; }.feature-card > svg { color:#63F5D8; height:23px; width:23px; }.feature-card h3 { margin:1rem 0 .35rem; }.feature-card-large { grid-row:span 2; min-height:396px; }.feature-card-wide { grid-column:span 2; min-height:150px; }.mini-timeline { background:#0C0C0C; border:1px solid #313131; border-radius:10px; display:flex; gap:.3rem; margin-top:2rem; padding:.9rem .6rem; }.mini-timeline span { background:linear-gradient(90deg,var(--primary),#63F5D8); border-radius:99px; height:9px; opacity:.85; }.mini-timeline span:nth-child(1) { width:31%; }.mini-timeline span:nth-child(2) { width:47%; }.mini-timeline span:nth-child(3) { width:22%; }.formats-wrap { max-width:950px; }.format-cards { display:grid; gap:1.2rem; grid-template-columns:repeat(3,1fr); margin-top:3.5rem; text-align:center; }.format-cards article { align-items:center; display:flex; flex-direction:column; }.format-frame { align-items:center; background:linear-gradient(135deg,#1A443C,#121212); border:1px solid #079A7F; border-radius:14px; box-shadow:inset 0 0 30px rgba(23,240,197,.16); display:flex; justify-content:center; position:relative; }.format-frame:before { background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.13)); border-radius:inherit; content:""; inset:0; position:absolute; }.format-frame span { color:#D8FCF5; font-size:.75rem; font-weight:500; position:relative; }.portrait { height:180px; width:102px; }.square { height:150px; width:150px; }.landscape { height:98px; margin-top:26px; width:174px; }.format-cards h3 { margin:1rem 0 .25rem; }.format-cards p { max-width:210px; }.cta-section { padding-top:5.5rem; }.cta-panel { align-items:center; background:linear-gradient(112deg,rgba(23,240,197,.45),rgba(99,245,216,.16) 48%,rgba(16,16,16,.9)); border:1px solid rgba(185,249,236,.3); border-radius:24px; display:flex; gap:2rem; justify-content:space-between; overflow:hidden; padding:3.5rem; position:relative; }.cta-panel:after { background:radial-gradient(circle,rgba(255,255,255,.17),transparent 62%); content:""; height:460px; pointer-events:none; position:absolute; right:-190px; top:-260px; width:460px; }.cta-panel > * { position:relative; z-index:1; }.cta-panel h2 { max-width:690px; }.site-footer { border-top:1px solid var(--border); padding:3rem 0 2rem; }.footer-shell { align-items:center; display:grid; gap:1.5rem; grid-template-columns:auto 1fr auto; }.footer-shell p { color:var(--subtle); font-size:.85rem; margin:0; }.footer-shell div { display:flex; gap:1.25rem; }.footer-shell small { color:var(--muted); font-size:.72rem; grid-column:1/-1; }.footer-shell > div { justify-self:end; }
@media (max-width:991px) { .hero { min-height:auto; }.hero-content,.feature-layout { grid-template-columns:1fr; }.hero-copy { max-width:650px; }.hero-preview { margin:0 auto; max-width:640px; }.feature-layout { gap:3rem; }.cta-panel { padding:2.5rem; }.footer-shell { grid-template-columns:1fr auto; }.footer-shell p { display:none; } }
@media (max-width:767px) { .nav-toggle { display:inline-flex; }.nav-links { background:rgba(16,16,16,.98); border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); display:none; flex-direction:column; gap:1.2rem; left:1rem; padding:1.25rem; position:absolute; right:1rem; top:68px; }.nav-links.is-open { display:flex; }.nav-links .button { width:100%; }.hero { padding-top:8.5rem; }.hero-content { gap:2rem; }.hero h1 { font-size:clamp(2.55rem,12vw,4rem);font-weight:300}.trust-row { align-items:flex-start; flex-direction:column; gap:.8rem; }.section { padding:5rem 0; }.steps-grid { grid-template-columns:1fr; margin-top:2.5rem; }.step-card { min-height:0; }.feature-grid { grid-template-columns:1fr; }.feature-card-large,.feature-card-wide { grid-column:auto; grid-row:auto; min-height:0; }.format-cards { gap:2.4rem; grid-template-columns:1fr; }.landscape { margin-top:0; }.cta-panel { align-items:flex-start; flex-direction:column; padding:2rem; }.footer-shell { align-items:flex-start; grid-template-columns:1fr; }.footer-shell > div { justify-self:start; }.footer-shell p { display:block; }.footer-shell small { grid-column:auto; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }

.visually-hidden { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Authenticated application */
.app-body { min-height:100vh; }.app-shell { display:grid; grid-template-columns:252px minmax(0,1fr); min-height:100vh; }.app-sidebar { background:#0C0C0C; border-right:1px solid var(--border); display:flex; flex-direction:column; min-height:100vh; padding:1.5rem 1rem; position:sticky; top:0; }.app-brand { margin:0 .6rem 2.5rem; }.app-nav { display:grid; gap:.35rem; }.app-nav a,.app-nav-future,.logout-form button { align-items:center; border-radius:10px; color:#D6D6D6; display:flex; font-size:.9rem; font-weight:500; gap:.75rem; min-height:43px; padding:.65rem .8rem; }.app-nav a:hover,.app-nav a[aria-current="page"] { background:rgba(23,240,197,.16); color:#F4FEFC; }.app-nav svg,.logout-form svg { height:18px; width:18px; }.app-nav-future { color:#767676; cursor:not-allowed; }.app-nav-future small { font-size:.68rem; margin-left:auto; }.sidebar-plan { background:linear-gradient(140deg,rgba(23,240,197,.22),rgba(99,245,216,.07)); border:1px solid rgba(99,245,216,.25); border-radius:14px; display:grid; gap:.25rem; margin:auto .35rem 1.1rem; padding:1rem; }.sidebar-plan span,.sidebar-plan small { color:#D6D6D6; font-size:.75rem; }.sidebar-plan strong { font-size:1rem; }.logout-form button { background:transparent; border:0; cursor:pointer; width:100%; }.logout-form button:hover { background:#1c1c1c; color:#fff; }.app-main-wrap { min-width:0; }.app-header { align-items:center; background:rgba(8,8,8,.9); border-bottom:1px solid var(--border); display:flex; gap:1rem; justify-content:space-between; min-height:82px; padding:1rem clamp(1.25rem,4vw,3.5rem); position:sticky; top:0; z-index:10; }.app-header h1 { font-size:1.2rem; letter-spacing:-.035em; line-height:1.1; margin:0; }.app-kicker { color:#63F5D8; font-size:.7rem; font-weight:500; letter-spacing:.12em; margin:0 0 .1rem; text-transform:uppercase; }.header-profile { align-items:center; display:flex; font-size:.86rem; gap:.6rem; }.header-profile span { align-items:center; background:#204A42; border:1px solid #0BC9A5; border-radius:50%; display:flex; height:33px; justify-content:center; width:33px; }.drawer-toggle,.drawer-backdrop { display:none; }.app-content { margin:0 auto; max-width:1440px; padding:clamp(1.25rem,4vw,3rem); }.dashboard-intro { align-items:flex-end; display:flex; gap:2rem; justify-content:space-between; margin-bottom:2rem; }.dashboard-intro h2,.panel h2 { font-size:clamp(1.5rem,2.4vw,2rem); letter-spacing:-.04em; margin:0;font-weight:300}.dashboard-intro > div > p:not(.eyebrow),.panel-intro,.plan-panel > p:not(.eyebrow),.credits-panel > p:not(.eyebrow) { color:var(--muted); margin:.55rem 0 0; max-width:640px; }.button-disabled { box-shadow:none; cursor:not-allowed; opacity:.55; transform:none !important; }.metrics-grid { display:grid; gap:1rem; grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:1rem; }.metric-card,.panel { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); }.metric-card { min-height:175px; padding:1.2rem; }.metric-card p { color:var(--muted); font-size:.81rem; margin:1rem 0 .15rem; }.metric-card strong { display:block; font-size:1.7rem; letter-spacing:-.045em; }.metric-card small { color:#A5A5A5; font-size:.72rem; }.metric-icon { align-items:center; background:rgba(23,240,197,.15); border:1px solid rgba(99,245,216,.24); border-radius:10px; color:#B9F9EC; display:inline-flex; height:35px; justify-content:center; width:35px; }.metric-icon svg { height:18px; width:18px; }.dashboard-columns { display:grid; gap:1rem; grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr); }.panel { padding:1.4rem; }.panel-heading { align-items:flex-start; display:flex; justify-content:space-between; margin-bottom:1rem; }.panel-heading > span { color:var(--muted); font-size:.78rem; }.project-list { list-style:none; margin:0; padding:0; }.project-list li { align-items:center; border-top:1px solid var(--border); display:flex; gap:1rem; padding:1rem 0; }.project-thumb { align-items:center; background:linear-gradient(135deg,#204A42,#14211E); border-radius:11px; color:#D8FCF5; display:flex; flex:none; height:42px; justify-content:center; width:55px; }.project-thumb svg { height:18px; width:18px; }.project-summary { min-width:0; }.project-summary h3 { font-size:.95rem; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.project-summary p { color:var(--muted); font-size:.78rem; margin:.15rem 0 0; }.status-pill { border-radius:999px; font-size:.69rem; font-weight:500; margin-left:auto; padding:.28rem .55rem; text-transform:capitalize; }.status-completed { background:rgba(23,240,197,.14); color:#B9F9EC; }.status-draft { background:rgba(165,165,165,.14); color:#D6D6D6; }.dashboard-aside { display:grid; gap:1rem; }.plan-title { align-items:center; display:flex; gap:.7rem; margin:.65rem 0; }.usage-track { background:#2A2A2A; border-radius:999px; height:8px; margin:1.2rem 0; overflow:hidden; }.usage-track span { background:linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:inherit; display:block; height:100%; }.credits-panel { background:linear-gradient(145deg,rgba(23,240,197,.19),var(--card)); }.empty-state { align-items:center; border:1px dashed #079A7F; border-radius:14px; display:flex; flex-direction:column; padding:3rem 1.5rem; text-align:center; }.empty-icon { color:#B9F9EC; }.empty-icon svg { height:30px; width:30px; }.empty-state h3 { font-size:1.05rem; margin:1rem 0 .35rem; }.empty-state p { color:var(--muted); font-size:.9rem; margin:0 0 1.25rem; max-width:360px; }.profile-grid { align-items:start; display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) minmax(250px,.48fr); max-width:950px; }.profile-panel { padding:1.75rem; }.profile-form { display:grid; margin-top:1.5rem; max-width:570px; }.profile-form label { font-size:.86rem; font-weight:500; margin:1rem 0 .4rem; }.profile-form input { background:#0d0d0d; border:1px solid #4E4E4E; border-radius:10px; color:#fff; font:inherit; padding:.75rem .85rem; }.profile-form input:focus { border-color:#63F5D8; outline:3px solid rgba(99,245,216,.24); }.profile-form .button { margin-top:1.5rem; width:max-content; }.form-error { color:#fecaca; font-size:.8rem; margin-top:.35rem; }.form-notice { background:rgba(23,240,197,.14); border:1px solid rgba(23,240,197,.28); border-radius:10px; color:#B9F9EC; margin:1rem 0 0; padding:.75rem; }.account-summary dl { display:grid; gap:1rem; margin:1.5rem 0 0; }.account-summary dl div { border-top:1px solid var(--border); padding-top:.9rem; }.account-summary dt { color:var(--muted); font-size:.78rem; }.account-summary dd { font-size:1.05rem; font-weight:500; margin:.2rem 0 0; }
/* AI processing status colors shared by the dashboard and project views. */
.status-ready,.status-suggestions_ready { background:rgba(23,240,197,.14); color:#B9F9EC; }
.status-ai_queued,.status-uploading_ai,.status-waiting_ai_file { background:rgba(59,130,246,.14); color:#bfdbfe; }
.status-analyzing,.status-identifying_clips { background:rgba(99,245,216,.16); color:#D8FCF5; }
.status-awaiting_credits { background:rgba(245,158,11,.16); color:#fde68a; }
.status-failed { background:rgba(239,68,68,.16); color:#fecaca; }

@media (max-width:1180px) { .metrics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .metric-card:last-child { grid-column:span 1; } }
@media (max-width:800px) { .app-shell { display:block; }.app-sidebar { box-shadow:18px 0 50px rgba(0,0,0,.45); left:0; position:fixed; transform:translateX(-105%); transition:transform .2s ease; width:270px; z-index:40; }.app-sidebar.is-open { transform:translateX(0); }.drawer-toggle { background:transparent; border:0; color:#fff; cursor:pointer; display:inline-flex; padding:.5rem; }.drawer-backdrop { background:rgba(0,0,0,.58); border:0; inset:0; position:fixed; z-index:30; }.drawer-backdrop.is-open { display:block; }.drawer-open { overflow:hidden; }.app-header { padding:1rem 1.25rem; }.header-profile strong { display:none; }.dashboard-columns,.profile-grid { grid-template-columns:1fr; } }
@media (max-width:600px) { .app-content { padding:1.25rem 1rem; }.dashboard-intro { align-items:flex-start; flex-direction:column; gap:1rem; }.dashboard-intro .button { width:100%; }.metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.metric-card { min-height:145px; }.metric-card:last-child { grid-column:span 2; }.project-list li { gap:.7rem; }.status-pill { display:none; }.profile-panel { padding:1.25rem; }.profile-form .button { width:100%; } }
.app-notice { margin:0 0 16px !important; }

/* Botão "Falar com o suporte" no menu lateral */
.support-launch { display:flex; align-items:center; gap:10px; margin:10px .35rem 0; padding:.7rem .8rem; border:1px solid rgba(99,245,216,.3); border-radius:14px; background:linear-gradient(135deg,rgba(23,240,197,.16),rgba(23,240,197,.04)); color:#e9fffb; font-size:.88rem; font-weight:600; text-decoration:none; }
.support-launch:hover, .support-launch[aria-current="page"] { border-color:#17F0C5; background:linear-gradient(135deg,rgba(23,240,197,.26),rgba(23,240,197,.06)); }
.support-launch svg { width:18px; height:18px; color:#17F0C5; }
.support-launch small { display:block; color:#9fd9cd; font-size:.7rem; font-weight:400; }
.support-launch .platform-count, .support-badge { margin-left:auto; min-width:20px; padding:1px 6px; border-radius:999px; background:#17F0C5; color:#00140f; font-size:.7rem; font-weight:800; text-align:center; }