Prepare clean production setup and coming-soon cover

frontend/app/coming-soon/page.tsx

@@ -0,0 +1,17 @@
+import './style.css'
+
+export const metadata = { title: 'Coming soon | Magent — Grizzlyflix' }
+
+export default function ComingSoonPage() {
+  return <main className="launch-cover">
+    <div className="launch-brand">GRIZZLYFLIX</div>
+    <span className="launch-badge">COMING SOON</span>
+    <h1>Your next watch.<br /><em>Made simpler.</em></h1>
+    <p className="launch-intro">The new Magent is on its way. Easier requests, clearer updates and a simpler way to get things fixed.</p>
+    <div className="launch-path" aria-label="Request journey">
+      {['Request', 'Track', 'Watch'].map((label, index) => <div key={label}><span>0{index + 1}</span><strong>{label}</strong></div>)}
+    </div>
+    <p className="launch-note">We’re getting everything ready. Check back soon.</p>
+    <footer><strong>Magent</strong><span>Grizzlyflix member portal</span><a href="/login">Admin sign in</a></footer>
+  </main>
+}

frontend/app/coming-soon/style.css

@@ -0,0 +1,16 @@
+.page:has(.launch-cover) { max-width: none; margin: 0; padding: 0; }
+.launch-cover { box-sizing: border-box; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px 24px; text-align: center; background: radial-gradient(ellipse at 50% 25%, #252039 0%, transparent 55%), #101012; color: #f4f0ff; }
+.launch-brand { font-size: 14px; letter-spacing: .3em; color: #c7bdff; font-weight: 700; margin-bottom: 36px; }
+.launch-badge { border: 1px solid #6eddec66; color: #8be7f1; border-radius: 30px; padding: 8px 18px; font-size: 12px; letter-spacing: .15em; }
+.launch-cover h1 { font-size: clamp(40px, 7vw, 88px); line-height: 1.08; letter-spacing: -.045em; margin: 28px 0 22px; }
+.launch-cover h1 em { color: #c7bdff; font-style: normal; }
+.launch-intro { max-width: 560px; font-size: 18px; line-height: 1.6; color: #bcb8c9; margin: 0; }
+.launch-path { display: grid; grid-template-columns: repeat(3, 1fr); width: min(580px, 100%); margin: 40px 0 24px; border: 1px solid #ffffff20; border-radius: 16px; background: #ffffff04; }
+.launch-path > div { padding: 22px 12px; display: grid; gap: 8px; }
+.launch-path > div + div { border-left: 1px solid #ffffff15; }
+.launch-path span { color: #8be7f1; font-size: 12px; }
+.launch-path strong { font-size: 18px; }
+.launch-note { color: #a9a4b5; font-size: 14px; }
+.launch-cover footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 64px; font-size: 12px; color: #a9a4b5; }
+.launch-cover footer a { color: #c7bdff; text-underline-offset: 3px; }
+.launch-cover a:focus-visible { outline: 2px solid #8be7f1; outline-offset: 5px; }