:root { color-scheme: light; }

    body{
      margin:0;
      background:#fff7ef;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:#111;
    }

    .wrap{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:28px 14px;
    }

    .card{
      width:min(860px, 100%);
      background:rgba(255,255,255,0.65);
      border:1px solid rgba(0,0,0,0.06);
      border-radius:22px;
      box-shadow:0 18px 50px rgba(0,0,0,0.08);
      padding:26px 18px;
      text-align:center;
      backdrop-filter: blur(6px);
    }

    .logo{
      width:min(520px, 92%);
      height:auto;
      display:block;
      margin:6px auto 18px;
    }

    h1{
      margin:0 0 8px;
      font-size: clamp(22px, 3.4vw, 34px);
      letter-spacing:0.2px;
    }

    .subtitle{
      margin:0 auto 18px;
      max-width: 56ch;
      font-size: clamp(14px, 2.2vw, 16px);
      line-height:1.5;
      color:#333;
    }

    .divider{
      width:min(520px, 92%);
      height:1px;
      margin:18px auto;
      background:rgba(0,0,0,0.10);
    }

    .grid{
      display:grid;
      grid-template-columns: 1fr;
      gap:14px;
      text-align:left;
      margin:0 auto;
      width:min(720px, 100%);
    }
    @media (min-width: 720px){
      .grid{ grid-template-columns: 1fr 1fr; gap:18px; }
    }

    .lang{
      background:#fff;
      border:1px solid rgba(0,0,0,0.06);
      border-radius:16px;
      padding:16px 16px 14px;
    }

    .lang h2{
      margin:0 0 8px;
      font-size:15px;
      letter-spacing:0.4px;
      text-transform:uppercase;
      color:#444;
    }

    .lang p{
      margin:0;
      font-size:15px;
      line-height:1.55;
      color:#222;
    }

    /* Contact + social icons */
    .contact-block{
      margin-top:18px;
      text-align:center;
    }

    .contact-line{
      font-size:14px;
      color:#444;
    }

    .contact-line a{
      color:#111;
      font-weight:700;
      text-decoration:none;
      border-bottom:1px solid rgba(0,0,0,0.25);
    }
    .contact-line a:hover{
      border-bottom-color: rgba(0,0,0,0.6);
    }

    .social-row{
      margin-top:10px;
      display:flex;
      justify-content:center;
      gap:10px;
    }

	.social-btn{
	  width:48px;
	  height:48px;
	  border-radius:999px;           
	  display:inline-flex;
	  align-items:center;
	  justify-content:center;
	  border:1px solid rgba(0,0,0,0.08);
	  text-decoration:none;
	  box-shadow:0 10px 24px rgba(0,0,0,0.06);
	  transition: transform .12s ease, box-shadow .12s ease;
	}
	.social-btn:hover{
	  transform: translateY(-1px);
	  box-shadow:0 14px 30px rgba(0,0,0,0.10);
	}
	.social-btn svg{ display:block; }

    .social-btn.fb{
      background:#1877F2;
      color:#fff;
    }

    .social-btn.ig{
      color:#fff;
      background: radial-gradient(circle at 30% 107%,
        #fdf497 0%, #fdf497 5%,
        #fd5949 45%, #d6249f 60%,
        #285AEB 90%);
    }

    .footer{
      margin-top:12px;
      font-size:12px;
      color:#666;
    }