/* ZIZU shared styles */
 :root {
	 --bg: #fbd2c8;
	 --card: rgba(255,255,255,0.82);
	 --text: #121212;
	 --muted: #6f6a60;
	 --line: #ead0ca;
	 --brand-blue: #034ea1;
	 --danger: #b00020;
}
 * {
	 box-sizing: border-box;
}
 html, body {
	 width: 100%;
	 max-width: 100%;
	 overflow-x: clip;
	 margin: 0;
	 min-height: 100vh;
	 font-family: Inter, Arial, sans-serif;
	 background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.28), transparent 34%), var(--bg);
	 color: var(--text);
}

body {
  position: relative;
}
 img, svg {
	 max-width: 100%;
	 height: auto;
}
 .page {
	 min-height: 100vh;
	 padding: 32px 20px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .logo {
	 height: 64px;
	 width: auto;
	 display: block;
}
 .top-bar {
	 display:flex;
	 justify-content:space-between;
	 align-items:center;
	 gap:16px;
	 margin-bottom:30px;
}
 .lang-switcher {
	 display:flex;
	 gap:6px;
	 padding:4px;
	 background:rgba(255,255,255,0.65);
	 border:1px solid var(--line);
	 border-radius:999px;
	 flex-shrink:0;
}
 .lang-switcher button {
	 border:0;
	 background:transparent;
	 color:var(--muted);
	 border-radius:999px;
	 padding:8px 10px;
	 cursor:pointer;
	 font-weight:800;
	 font-size:12px;
}
 .lang-switcher button.active {
	 background:var(--brand-blue);
	 color:#fff;
}
 h1 {
	 margin:0;
	 font-size:3em;
	 line-height:0.95;
	 letter-spacing:-0.05em;
}
 .btn,.pay-btn {
	 background:var(--brand-blue);
	 color:#fff;
}
 .btn {
	 display:inline-flex;
	 align-items:center;
	 justify-content:center;
	 min-height:48px;
	 padding:14px 20px;
	 border-radius:15px;
	 text-decoration:none;
	 font-weight:800;
	 font-size:14px;
	 transition:transform .15s;
}
 .btn:hover,.pay-btn:hover {
	 transform:translateY(-1px);
}
 .btn-secondary {
	 background:#fff;
	 color:var(--text);
	 border:1px solid var(--line);
}
 .trust {
	 margin:14px 0 0;
	 color:var(--muted);
	 font-size:13px;
	 text-align:center;
	 line-height:1.45;
}
 @media (max-width:860px){
	 .page{
		padding:18px;
		 align-items:flex-start;
	}
	 h1{
		font-size:2em;
	}
	 .top-bar{
		align-items:flex-start;
		 flex-direction:column;
	}
}