/* =========================
   DOWNLOAD PAGE – FINAL
   SAFE FOR PRODUCTION
========================= */
/* ===== FRAME ===== */
.download-page .section{
  background:#ffffff;
  border-radius:24px;
  padding:40px 30px;
  box-shadow:0 30px 60px rgba(15,23,42,.12);
  margin:0 auto 70px;
  max-width:1200px;
  display:flex;
  flex-direction:column;
}

/* ===== GRID ===== */
.download-page .file-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  width:100%;
}

/* ===== CARD ===== */
.download-page .file-item{
  background:linear-gradient(145deg,#e8f2ff,#f5f9ff);
  border-radius:20px;
  padding:28px 26px;
  box-shadow:0 20px 40px rgba(30,58,138,.15);
  border:1px solid rgba(37,99,235,.15);
  position:relative;
  display:flex;
  flex-direction:column;
  transition:.3s ease;
}

.download-page .file-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:linear-gradient(180deg,#2563eb,#38bdf8);
  border-radius:20px 0 0 20px;
}

.download-page .file-item:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 60px rgba(30,58,138,.25);
}

/* ===== HEADER ===== */
.download-page .download-header{
  text-align:center;
  margin-bottom:50px;
}

.download-page .download-header h1{
  font-size:2.4rem;
  font-weight:900;
  background:linear-gradient(90deg,#1e3a8a,#2563eb,#38bdf8);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.download-page .subtitle{
  margin-bottom:30px;
  color:#475569;
}

/* ===== LIST MODUL ===== */
.download-page .sub-file,
.download-page .file-item ul{
  list-style:none;
  padding:0;
  margin:0;
  flex:1;
}

.download-page .file-item li{
  margin:6px 0;
}

.download-page .file-item li a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:10px;
  background:#ffffff;
  text-decoration:none;
  font-weight:600;
  color:#1e293b;
  box-shadow:0 4px 10px rgba(30,58,138,.08);
  transition:.25s ease;
}

.download-page .file-item li a:hover{
  background:#2563eb;
  color:#ffffff;
  transform:translateX(4px);
}

/* ===== LOGO ===== */
.download-page .menu-image{
  background:linear-gradient(180deg,#e0ecff,#f8fbff);
  padding:18px;
  border-radius:14px;
  margin-bottom:12px;
  text-align:center;
}

.download-page .menu-image img{
  height:150px;
  max-width:100%;
  object-fit:contain;
}

/* dual logo */
.download-page .menu-image.dual-logo{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.download-page .menu-image.dual-logo img:first-child{height:110px;}
.download-page .menu-image.dual-logo img:last-child{height:70px;opacity:.9;}

/* ===== TEXT ===== */
.download-page .file-item strong{
  font-size:18px;
  color:#1e3a8a;
  margin-bottom:4px;
}

.download-page .file-item span{
  font-size:13px;
  color:#64748b;
  margin-bottom:14px;
}

/* ===== SMARTLINK ===== */
.download-page .smartlink-btn{
  display:inline-block;
  padding:14px 22px;
  background:linear-gradient(135deg,#2563eb,#1e40af);
  color:#fff;
  font-weight:600;
  border-radius:14px;
  text-decoration:none;
}

/* ===== CTA ===== */
.download-page .form-cta{
  text-align:center;
  margin-top:50px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .download-page .file-list{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .download-page .file-list{grid-template-columns:1fr;}
  .download-page .menu-image img{height:120px;}
}

<style>
.download-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.download-box{
  background: #fff;
  padding: 25px 35px;
  border-radius: 12px;
  text-align: center;
  max-width: 320px;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn{
  from{opacity:0; transform:scale(0.9);}
  to{opacity:1; transform:scale(1);}
}
</style>