:root{
  --royal-blue:#0026ff;
  --white:#ffffff;
  --dark:#0b1730;
  --max-width:1000px;
  --radius:12px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--white) 0%, #f7fbff 100%);color:var(--dark);min-height:100vh;display:flex;flex-direction:column;}
/* Preloader */
#preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--white);z-index:9999;}
#preloader-logo{width:160px;height:160px;border-radius:20px;animation:spin 2s linear infinite;}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Translator */
#translate-container{position:fixed;left:12px;top:12px;z-index:1000;background:rgba(255,255,255,0.95);padding:6px;border-radius:8px;box-shadow:0 6px 18px rgba(2,6,23,0.08);}

/* Hidden until preloader finishes */
.hidden{display:none}

/* Header / Hero */
.hero{background:linear-gradient(90deg,var(--royal-blue) 0%, #1a53ff 100%);color:var(--white);padding:36px 16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;}
.hero-inner{max-width:var(--max-width);margin:0 auto;text-align:left;display:flex;gap:20px;align-items:center;}
.logo{width:84px;height:84px;border-radius:12px;object-fit:cover;border:3px solid rgba(255,255,255,0.12);}

/* Main container */
.container{max-width:var(--max-width);margin:28px auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:24px;}
.faq{background:var(--white);padding:18px;border-radius:12px;box-shadow:0 6px 30px rgba(2,6,23,0.05);}
.contact{background:var(--white);padding:18px;border-radius:12px;box-shadow:0 6px 30px rgba(2,6,23,0.05);}

/* Accordion */
.acc-btn{width:100%;text-align:left;padding:12px;border:none;background:transparent;font-size:16px;border-bottom:1px solid #eef3ff;cursor:pointer}
.acc-btn:after{content:'+';float:right}
.acc-btn.active:after{content:'−'}
.acc-panel{display:none;padding:12px 0;color:#0b1730;background:transparent}

/* Footer */
.site-footer{margin-top:auto;background:transparent;padding:20px 16px;}
.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#556;}

/* Responsive */
@media(min-width:800px){
  .hero-inner{align-items:center;}
  .container{grid-template-columns:2fr 1fr;}
}