nx-webmail: refine login hero corners and typography

nx-webmail/src/styles/webmail.css

@@ -1,5 +1,5 @@
 /* Webmail App CSS - Perfect Missive Clone */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
 
 body.webmail-active {
   overflow: hidden;
@@ -1283,6 +1283,7 @@ body.webmail-active {
   margin: 0;
   font-size: 0.95rem;
   letter-spacing: 0.02em;
+  color: #111111;
 }
 
 .custom-email-toggle {
@@ -1382,12 +1383,16 @@ body.webmail-active {
 }
 
 .webmail-login-page {
-  min-height: 100vh;
+  min-height: calc(100vh - 24px);
   width: 100%;
+  margin: 12px;
+  border-radius: 22px;
+  overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 48px clamp(20px, 6vw, 84px);
+  font-family: 'Manrope', 'Inter', -apple-system, sans-serif;
   background-image:
     linear-gradient(90deg, rgba(10, 16, 28, 0.72) 0%, rgba(10, 16, 28, 0.54) 34%, rgba(10, 16, 28, 0.18) 62%, rgba(10, 16, 28, 0.08) 100%),
     url('https://images.unsplash.com/photo-1516117172878-fd2c41f4a759?auto=format&fit=crop&w=2400&q=80');
@@ -1413,7 +1418,7 @@ body.webmail-active {
   margin: 0;
   font-size: clamp(32px, 4.2vw, 48px);
   line-height: 1.08;
-  font-weight: 700;
+  font-weight: 800;
   color: #ffffff;
   text-wrap: balance;
 }
@@ -1472,6 +1477,9 @@ body.webmail-active {
 @media (max-width: 900px) {
   .webmail-login-page {
     align-items: flex-start;
+    min-height: calc(100vh - 16px);
+    margin: 8px;
+    border-radius: 16px;
     padding: 24px 18px;
     background-position: 58% center;
   }