fix padding top

src/app/candidate-contact/page.tsx

@@ -28,7 +28,7 @@ export default function CandidateContactPage() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[17px] pt-10 pb-36">
+      <main className="-mx-[17px] flex min-h-screen flex-col px-[17px] pt-[calc(var(--safe-top)+40px)] pb-36">
         <header className="flex items-center justify-between">
           <NavigationButton icon="back" />
           <h1 className="font-faminela">{t.common.appName}</h1>

src/app/finding-match/page.tsx

@@ -29,7 +29,7 @@ export default function FindingMatchPage() {
     <>
       <PageBackground />
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-7 pb-5 text-center">
+      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[calc(var(--safe-top)+28px)] pb-5 text-center">
         <header className="-mx-[6px] flex items-center justify-between">
           <NavigationButton icon="back" />
           <h1 className="font-faminela">{t.common.appName}</h1>

src/app/intro/page.tsx

@@ -124,7 +124,7 @@ export default function Intro() {
   }
 
   return (
-    <div className="pt-7">
+    <div className="pt-[calc(var(--safe-top)+28px)]">
       {isReportSheetOpen && (
         <ReportActionsSheet onClose={() => setIsReportSheetOpen(false)} />
       )}

src/app/new-match/page.tsx

@@ -5,7 +5,6 @@ import { useMemo } from "react";
 import { FaLock } from "react-icons/fa6";
 import AdvisorActionsCard from "@/components/ui/advisor-actions-card";
 import NavigationButton from "@/components/ui/navigation-button";
-import StickyHeader from "@/components/ui/sticky-header";
 import { PageBackground } from "@/components/utils/page-background";
 import type {
   MarriageField,
@@ -195,7 +194,7 @@ export default function NewMatchPage() {
     <>
       <PageBackground />
 
-      <main className="-mx-[17px] min-h-screen h-full pb-5 text-center px-4 mt-10">
+      <main className="-mx-[17px] min-h-screen h-full pb-5 text-center px-4 mt-[calc(var(--safe-top)+40px)]">
         <header className="flex items-center justify-between">
           <NavigationButton icon="back" />
           <h1 className="font-faminela">{t.common.appName}</h1>

src/app/questions-list/page.tsx

@@ -174,7 +174,7 @@ export default function QuestionsListPage() {
       <SectionsRequest />
       <PageBackground disabled />
 
-      <main className="-mx-[17px] relative min-h-screen overflow-hidden bg-[#F5F5F5] px-[17px] pt-7 pb-8">
+      <main className="-mx-[17px] relative min-h-screen overflow-hidden bg-[#F5F5F5] px-[17px] pt-[calc(var(--safe-top)+28px)] pb-8">
         <div className="pointer-events-none absolute inset-x-0 top-0 h-[240px] bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.98)_0%,rgba(255,255,255,0.7)_42%,rgba(255,255,255,0)_100%)]" />
         <div className="pointer-events-none absolute -top-16 left-1/2 h-[220px] w-[220px] -translate-x-1/2 rounded-full bg-white/70 blur-3xl" />
 

src/app/request-accepted/page.tsx

@@ -254,7 +254,7 @@ export default function RequestAcceptedPage() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-7 pb-10 text-center">
+      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[calc(var(--safe-top)+28px)] pb-10 text-center">
         <header className="-mx-[6px] flex items-center justify-between">
           <NavigationButton icon="back" />
           <h1 className="font-faminela">Habib Marriage</h1>

src/app/request-sent/page.tsx

@@ -21,7 +21,7 @@ export default function RequestSentPage() {
     <>
       <PageBackground />
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-7 pb-10 text-center">
+      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[calc(var(--safe-top)+28px)] pb-10 text-center">
         <header className="-mx-[6px] flex items-center justify-between">
           <NavigationButton icon="back" />
           <h1 className="font-faminela">Habib Marriage</h1>