High-converting webinar registration SALES PAGE. Norwegian (Bokmål).
This is NOT just a registration form — this is a SALES PAGE that must convince visitors to sign up. It must have premium animations, background effects, layered visual depth, and multiple conversion points. Design quality: as if someone paid $1,000,000 for it.

═══ BRAND ═══
Brand: "FørsteGangsLeder-Programmet"
Colors: accent #C14A29, hover #1E7682, bg #F4FAFB, bg2 #E8F4F6, surface #1C2B49, border rgba(255,255,255,0.12), text #FFFFFF, muted rgba(255,255,255,0.7).
Font: Montserrat (import from Google Fonts: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap).
Logo: <img src="[object Object]" /> — position top-left, height 40-48px.

═══ PAGE STRUCTURE (follow this EXACT section order) ═══

SECTION 1 — HERO (above the fold)

• Background: Rich layered effect using CSS — radial gradients, subtle animated grain/noise, or geometric shapes in brand colors. NOT a flat solid color.

• Countdown timer to webinar date: 15. april 2026, 19:00 CET CET — show days, hours, minutes, seconds. Style: bold numbers in accent-colored boxes or circles.

• Headline: "Bli en trygg og tydelig leder fra dag én" — large (text-4xl md:text-6xl), bold, white. This is the hook.

• Subheadline: "Et konkret rammeverk som gjør deg til den lederen teamet ditt trenger – uten at du må finne opp kruttet på nytt" — text-lg md:text-xl, muted color. Below headline.

• CTA BUTTON #1: "Ja, jeg vil bli en tryggere leder" — large, accent background, white text, subtle glow/shadow, hover effect. Scrolls to registration form.

• Below CTA: small text "Gratis webinar · Begrenset antall plasser"

SECTION 2 — PROBLEM AGITATION

• Background: slightly different shade (bg2 or surface) to create visual separation.
• Problem text: "Du har akkurat blitt leder. Plutselig skal du lede kollegaene dine, håndtere vanskelige samtaler, og ta beslutninger som påvirker hele teamet. Men ingen har fortalt deg hvordan.

De fleste nye ledere bruker måneder – ofte år – på å finne ut av ledelse gjennom prøving og feiling. Du går hjem fra jobb og lurer på: Gjorde jeg dette riktig? Hvorfor respekterer de meg ikke? Hvordan skal jeg håndtere denne konflikten?

Resultatet? Du blir usikker, teamet merker det, og du mister verdifull tid på å lære gjennom smertefulle feil." — empathetic, concrete description of the pain.

• Use an icon or visual element (CSS-only) to make this section impactful. Maybe a subtle red/warning accent.

SECTION 3 — SOLUTION / WHAT YOU'LL LEARN

• Solution text: "Ny Som Leder gir deg det systemet du trenger for å lykkes fra første dag.

Dette er ikke teori fra en lærebok. Det er et praktisk, gjennomprøvd rammeverk som tar deg gjennom de 90 første kritiske dagene som leder – steg for steg.

Du får konkrete verktøy for de situasjonene du møter hver eneste dag: Hvordan du bygger tillit med teamet, hvordan du har vanskelige samtaler, hvordan du setter klare forventninger, og hvordan du tar beslutninger teamet står bak.

Med Ny Som Leder slipper du å bruke månedsvis på usikkerhet. Du får et system som fungerer – fra dag én."

• Benefits list (with checkmark icons in accent color):
  1. "De 90 første dagene: En trinn-for-trinn plan for hva du skal gjøre når, så du bygger tillit og kredibilitet raskt"
  2. "Vanskelige samtaler: Konkrete maler og formuleringer for tilbakemeldinger, konflikter og forventningsavklaringer"
  3. "Fra kollega til leder: Hvordan du navigerer den vanskelige overgangen uten å miste relasjoner eller respekt"
  4. "Beslutningsrammeverk: Enkle verktøy som hjelper deg ta klare beslutninger teamet forstår og støtter"
  5. "Ukentlige lederhandlinger: Spesifikke tiltak du kan implementere med en gang for å skape resultater"
  6. "Delegering som fungerer: Slik gir du fra deg oppgaver uten at kvaliteten lider eller at du må følge opp hele tiden"
• Each bullet should feel like a mini-promise. Use accent-colored checkmarks or icons.
• CTA BUTTON #2: Same as hero CTA. Place after the benefits list.

SECTION 4 — SOCIAL PROOF / TESTIMONIALS

• Style testimonials as cards with quote marks, name, and role. Use border or subtle background differentiation.

SECTION 5 — URGENCY + FINAL CTA

• Urgency text: "De første 90 dagene definerer lederkarrieren din. Jo før du får et system på plass, jo raskere bygger du troverdighet og resultater." — use accent color, maybe a small clock icon.
• Repeat countdown timer (smaller version).
• CTA BUTTON #3: Same style, slightly larger. This is the final push.

SECTION 6 — REGISTRATION FORM (the actual form)

• Card with surface/dark background, thin border, subtle backdrop blur.
• Fields: Fornavn (first name), Etternavn (last name), E-post (email), Telefon (phone). All required.
• Input styling: dark background, white text, accent focus ring, rounded corners.
• Submit button: FULL WIDTH, accent background, bold text "Ja, jeg vil bli en tryggere leder".
• Below form: "Vi deler aldri din informasjon med andre." in small muted text.

SECTION 7 — STICKY MOBILE CTA

• On mobile: a sticky bottom bar (position: fixed, bottom: 0) with the CTA button always visible.
• On scroll past the hero, show a slim top bar with countdown + CTA on desktop too.

SECTION 8 — FOOTER

• Minimal footer: brand name, "© 2026 FørsteGangsLeder-Programmet. Alle rettigheter reservert."
• One final micro-CTA or link that scrolls to the form.

═══ DESIGN RULES ═══

• MINIMUM 4 CTA buttons spread across the page (hero, after problem, after benefits, before/in form). More is better — every screen-height should have a visible CTA.

• Staggered entrance animations (CSS @keyframes + animation-delay) on each section as user scrolls.

• Use Intersection Observer for scroll-triggered animations.

• Background should have DEPTH: layered gradients, subtle patterns, or geometric decorations. Not flat.

• The page should feel like a premium event landing page, not a generic template.

• Mobile-first responsive design. Everything must look premium on phone.

• Webinar info: "Bli en trygg og tydelig leder fra dag én" — 15. april 2026, 19:00 CET CET. FREE webinar.

• The registration form MUST be easily accessible — user should never have to scroll far to find it.

• EVERY section should end with or include a CTA that scrolls to the form or opens it.

CRITICAL — COPY: All text MUST read as if a human copywriter wrote it by hand. NEVER use AI clichés: "Unlock your potential", "In a world where...", "Transform your future", "Seamless", "Holistic", "Revolutionary", "Game-changer", "Your journey starts here", "Imagine if...", "What if I told you...", "elevate", "empower". Write direct, concrete, warm but grounded — like a senior advisor over coffee.

CRITICAL — NO AI TELLS (these are dead giveaways that AI built the page):

1. NO gradient text on headings (no linear-gradient + WebkitBackgroundClip + WebkitTextFillColor). All headings = solid white (#FFFFFF).
2. NO generator: 'v0.app' in metadata. Remove it entirely.
3. NO animated SVG checkmark with stroke-draw animation on success screen. Use a simple static icon.
4. NO bounce easing cubic-bezier(0.34, 1.56, 0.64, 1) on everything. Use varied, natural easings: ease-out for entrances, ease-in-out for transitions. No spring physics.
5. NO text-balance or text-pretty CSS utilities.
6. NO generic code comments like {/* Hero Content /}, {/ Glass Card /}, {/ Animated Checkmark */}.
7. NO "Takk!" as success heading. Use the exact text specified.
8. Transitions should feel natural and understated, not bouncy or robotic.