/* unique-style.css — custom redesign */
:root{
  --bg:#0f1724; --card:#0b1220; --accent:#6ee7b7; --muted:#9aa4b2; --text:#e6eef6;
  --radius:14px; --pad:18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
html,body{height:100%; margin:0; background:linear-gradient(180deg,var(--bg),#071026); color:var(--text); -webkit-font-smoothing:antialiased}
a{color:var(--accent); text-decoration:none}
.container{max-width:1100px; margin:28px auto; padding:24px}
.header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); box-shadow:0 6px 18px rgba(2,6,23,0.6)}
.logo{font-weight:700;font-size:1.2rem;letter-spacing:0.6px}
.nav{margin-left:auto;display:flex;gap:12px}
.hero{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px;padding:22px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005))}
.card{background:var(--card); padding:var(--pad); border-radius:var(--radius); box-shadow: 0 8px 30px rgba(2,6,23,0.7)}
h1,h2,h3{color:var(--text);margin:0 0 12px 0}
p{color:var(--muted); margin:0 0 12px 0; line-height:1.6}
img.responsive{max-width:100%; height:auto; border-radius:10px; display:block}

/* responsive layout */
@media(min-width:900px){
  .hero{grid-template-columns:1fr 380px}
  .nav{gap:20px}
}
/* utility */
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,var(--accent),#34d399);color:#022; font-weight:600}
.footer{margin-top:26px;padding:16px;text-align:center;color:var(--muted);font-size:0.9rem}
/* small tweaks for forms and tables */
input,textarea,select{background:#06111b;border:1px solid rgba(255,255,255,0.03);color:var(--text);padding:10px;border-radius:8px;width:100%}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px dashed rgba(255,255,255,0.03);text-align:left}