.home-wrap{max-width:1500px;margin:0 auto}

.hero{
    background:linear-gradient(135deg,#07111f,#102b66,#2454dc);
    border:1px solid #203455;
    border-radius:22px;
    padding:26px;
    color:#fff;
    margin-bottom:18px;
}

.hero h1{font-size:42px;margin:0 0 10px;font-weight:900}
.hero p{font-size:15px;color:#cfd8ea;line-height:1.6}
.quick{
    display:grid;
    gap:16px;
    margin-top:24px;
}

.quick-member{
    grid-template-columns:repeat(4,1fr);
}

.quick-login{
    grid-template-columns:repeat(2,1fr);
}

.quick a{
    background:#fff!important;
    color:#071126!important;
    border-radius:16px;
    padding:18px;
    text-align:center;
    text-decoration:none;
    font-weight:800;
    transition:.2s;
}

.quick-mini{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:16px;
}

.quick-mini a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    border-radius:18px;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
}

.ai-entry{
    background:#101b34;
    color:#f4d37b!important;
    border:1px solid #d8b35f;
}

.app-entry{
    background:linear-gradient(135deg,#f4cb67,#c8942d);
    color:#fff!important;
}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.index-card{
    display:block;
    background:linear-gradient(180deg,#14243b,#0c1627);
    border:1px solid rgba(212,170,72,.28);
    border-radius:20px;
    padding:24px;
    text-decoration:none;
    color:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.28);
    transition:.25s ease;
}

.index-card:hover{
    transform:translateY(-4px);
    border-color:#d4aa48;
    box-shadow:0 16px 40px rgba(0,0,0,.35);
}
.index-card .name{
    color:#9fb4d4;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.index-card .price{
    font-size:34px;
    font-weight:900;
    margin:14px 0 8px;
    color:#fff;
}
.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stock-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#101c2e;
    border:1px solid #24344d;
    border-radius:16px;
    padding:18px;
    text-decoration:none;
    color:white;
}
.stock-card small{display:block;color:#94a3b8;margin-top:4px}

@media(max-width:768px){
    .hero h1{font-size:38px}
    .quick,.index-grid,.stock-grid{grid-template-columns:1fr!important}
}