<!doctype html>
<html lang="sr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Uskoro · polovnimobilni.com</title>
<style>
*{box-sizing:border-box}
body{
  margin:0;min-height:100vh;min-height:100svh;
  display:grid;place-items:center;padding:28px;
  font-family:system-ui,-apple-system,sans-serif;
  color:#203b32;background:#f6f5ef;
  background-image:radial-gradient(ellipse at 15% 15%,#dcecdf,transparent 55%),
                   radial-gradient(ellipse at 90% 90%,#ffe7cf,transparent 50%)
}
main{width:100%;max-width:660px;text-align:center}
.brand{font-size:16px;font-weight:750;letter-spacing:-.5px}
.brand span{color:#548268}
.phone{
  display:grid;place-items:center;width:92px;height:148px;
  margin:48px auto 32px;border:5px solid #203b32;border-radius:25px;
  background:#d8efb9;box-shadow:10px 12px 0 #203b3210;
  transform:rotate(-9deg);font-size:38px;font-weight:600
}
.badge{
  display:inline-block;padding:8px 15px;border-radius:30px;
  background:#e2eadc;font-size:12px;font-weight:750;
  letter-spacing:2px;text-transform:uppercase
}
h1{
  margin:22px 0 18px;font-size:clamp(38px,8vw,66px);
  line-height:1.06;letter-spacing:-2.5px;font-weight:800
}
p{max-width:440px;margin:0 auto;color:#607168;font-size:18px;line-height:1.7}
footer{margin-top:48px;font-size:13px;color:#78877c}
</style>
</head>
<body>
<main>
  <div class="brand">polovnimobilni<span>.com</span></div>
  <div class="phone" aria-hidden="true">☺</div>
  <div class="badge">Uskoro smo tu</div>
  <h1>Drugi telefon.<br>Nova priča.</h1>
  <p>Pripremamo novo mesto za polovne telefone.<br>
  Još nekoliko sitnica i spremni smo za prvi poziv.</p>
  <footer>Hvala na strpljenju. Vidimo se uskoro!</footer>
</main>
</body>
</html>