*{box-sizing:border-box}
body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background: linear-gradient(135deg,#09111f,#101b31 40%,#13284d);
  color: #eef2ff;
  min-height:100vh;
}
body::before{
 content:'';position:fixed;inset:0;
 background:radial-gradient(circle at top right,rgba(59,130,246,.35),transparent 30%),radial-gradient(circle at bottom left,rgba(168,85,247,.25),transparent 30%);
 z-index:-1;
}
.container {width: 92%;max-width: 1300px;margin: auto;}
header {backdrop-filter: blur(14px);background: rgba(15,23,42,.7);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:20px}
.logo{font-size:30px;font-weight:800;background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-background-clip:text;color:transparent}
nav a {color: #dbeafe;margin-right: 18px;text-decoration: none;font-weight:600;transition:.2s}
nav a:hover{color:white}
.hero {padding: 90px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero-card,.info-box,.card,.page-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;backdrop-filter: blur(10px);box-shadow:0 10px 40px rgba(0,0,0,.25);text-align:center}
.hero-card{padding:50px}
.hero h2 {font-size: 56px;line-height:1.05;margin-bottom: 18px;}
.hero p,.page-card p{font-size:18px;line-height:1.7;color:#dbe4ff}
.hero-image{min-height:420px;border-radius:28px;background:url('/assets/images/photo-back.webp') center/cover;position:relative;overflow:hidden}
.hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.85),rgba(15,23,42,.2))}
button,.back-btn {padding: 14px 24px;border: none;background: linear-gradient(90deg,#2563eb,#7c3aed);color: white;border-radius: 12px;cursor: pointer;font-weight:700;text-decoration:none;display:inline-block;margin-top:10px}
.cards {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 24px;margin: 30px 0 80px;}
.card {padding: 30px}
.card h3{font-size:24px}
footer {background: rgba(2,6,23,.85);padding: 24px 0;border-top:1px solid rgba(255,255,255,.08)}
.page {padding: 80px 0;}
.page-card{padding:50px;background-image:linear-gradient(135deg,rgba(59,130,246,.12),rgba(168,85,247,.08))}
.lang-select{position:relative}
.lang-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:12px;color:#fff;cursor:pointer}
.lang-menu{display:none;position:absolute;right:0;top:50px;background:#101b31;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.lang-menu a{display:block;padding:10px 14px;color:#fff;text-decoration:none}
.lang-select:hover .lang-menu{display:block}
#status-box{margin-top:20px;padding:16px;border-radius:14px;background:rgba(15,23,42,.7)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h2{font-size:42px}.header-inner{flex-direction:column;align-items:flex-start}}
footer{text-align:center}