/* Home styles */
.ttt-hero{display:grid;place-items:center;min-height:220px}
/* Hero */
.ttt-hero{padding:48px 0 24px;background:linear-gradient(180deg,#0b0f14 0%, #0b0f14 60%, rgba(11,15,20,0) 100%)}
.ttt-hero-title{font-size:32px;font-weight:900;color:#e6f0ff;margin:0 0 8px}
.ttt-hero-title span{background:linear-gradient(90deg,var(--accent,#7dd3fc),var(--accent-2,#a78bfa));-webkit-background-clip:text;background-clip:text;color:transparent}
.ttt-hero-sub{color:#9fb0c3;margin:0 0 16px}
.ttt-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.ttt-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(125,211,252,.25);background:linear-gradient(180deg,var(--accent,#7dd3fc),var(--accent-2,#a78bfa));color:#061019;font-weight:800;text-decoration:none}
.ttt-btn:hover{filter:brightness(1.05)}
.ttt-btn-ghost{background:#0f172a;color:#cbd5e1;border:1px solid #223041}

/* Sections */
.ttt-section{padding:10px 0 40px}
.ttt-section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}
.ttt-h2{font-size:20px;color:#d1e7ff;margin:0}
.ttt-link{color:#9fb0c3;text-decoration:none}
.ttt-link:hover{color:#cfe2ff}

/* Grid & Cards */
.ttt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width: 960px){ .ttt-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 640px){ .ttt-grid{grid-template-columns:1fr;} }

.ttt-card{background:#0b0f14;border:1px solid #1e2a38;border-radius:14px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}
.ttt-card-body{display:block;text-decoration:none}
.ttt-card-title{margin:0 0 6px;color:#e6f0ff;font-weight:800;font-size:18px}
.ttt-sub{color:#9fb0c3;font-size:13px;margin:0}
.ttt-card-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}