@media (min-width:700px) { .screen-content { padding:55px 32px; } .home-screen { display:flex; align-items:flex-start; justify-content:center; padding:36px 20px; background:#fff; } .home-card { width:min(100%,560px); min-height:0; border-radius:22px; box-shadow:0 16px 42px rgba(20,20,20,.11); } .home-content { width:100%; padding-top:17px; padding-bottom:48px; } .home-content .actions { grid-template-columns:1fr; gap:19px; margin-top:31px; } .home-content .lead { max-width:34ch; } .modal { align-items:center; justify-content:center; padding:24px; } .modal-dialog { width:min(100%,560px); max-height:86svh; padding:72px 34px 34px; border-radius:30px; } .modal-close { right:26px; } }
@media (min-width:768px) { .home-content .lead { font-size:16px; } .home-action .button-title { font-size:21px; } .home-action .button-subtitle { font-size:17px; } .home-action--recruiter { min-height:78px; } .home-action--browse { min-height:80px; } }
@media (min-width:1024px) { .home-content h1, .home-content .lead { text-align:center; } .home-content .lead { margin-right:auto; margin-left:auto; font-size:18px; } .home-action { justify-content:center; } .home-action .button-title { font-size:22px; line-height:1.05; } .home-action .button-subtitle { font-size:18px; line-height:1.115; } }
@media (min-width:700px) { .home-card { min-height:calc(100svh - 92px); } }