*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif}
html,body{margin:0;padding:0;min-height:100%}

body{
  min-height:100vh;
  color:#fff;

  background-image:url("./Image/bg.jpeg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.wrap{max-width:1100px;margin:0 auto;padding:20px 14px 60px}
.hero{margin-bottom:14px}

h1{font-size:2.3rem;margin:6px 0}
.sub{color:#c7d2fe;max-width:820px;margin:0 0 12px}
.hint{color:#a5b4fc;font-size:13px;margin-top:8px}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.card, .infoBox, .list{
  background:rgba(2,6,23,0.72);
  backdrop-filter:blur(3px);
  border:1px solid #1e293b;
  border-radius:16px;
}

.card{padding:14px}
.title{font-weight:900;font-size:16px;margin-bottom:6px}
.meta{font-size:13px;color:#c7d2fe;margin-bottom:8px}

.inputRow{display:flex;gap:10px}
input{
  flex:1;background:#020617;border:1px solid #334155;color:#fff;
  padding:12px;border-radius:12px
}
.primary{
  background:#2563eb;border:none;border-radius:12px;padding:12px 18px;
  font-weight:900;color:#fff;cursor:pointer
}
.primary:hover{background:#1d4ed8}

.glSelect{
  width:100%;background:#020617;border:1px solid #334155;color:#fff;
  padding:12px;border-radius:12px;margin-top:6px
}

.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.infoBox{padding:12px;margin-top:10px}
.glLink{
  display:inline-block;margin-top:10px;margin-right:8px;padding:8px 12px;border-radius:12px;
  background:#1e293b;color:#fff;text-decoration:none;font-weight:800
}
.glLink:hover{background:#334155}

.list{padding:10px;margin-top:10px}
.item{
  padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,0.25);
  margin:8px 0;background:rgba(2,6,23,0.35)
}
.item strong{display:block;margin-bottom:4px}
.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid #334155;color:#c7d2fe;margin-left:8px}

@media (max-width: 760px){
  .grid{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  h1{font-size:2rem}
}