body.landing,.landing{background:linear-gradient(135deg, var(--color-gray-950) 0%, var(--color-brand-950) 100%);color:var(--color-white);min-height:100vh}.landing .hero{max-width:900px;padding:var(--spacing-20) var(--spacing-4);text-align:center;margin:0 auto}.landing .hero h1{font-size:var(--font-size-5xl);color:var(--color-white);margin-bottom:var(--spacing-4);font-weight:800}.landing .hero h1 span{background:linear-gradient(135deg, var(--color-brand-400), var(--color-brand-200));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing .hero p{font-size:var(--font-size-xl);color:var(--color-gray-400);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.landing .hero-buttons{gap:var(--spacing-4);flex-wrap:wrap;justify-content:center;display:flex}.landing .btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-fast);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.landing .btn-primary{background:var(--color-brand-500);color:var(--color-white)}.landing .btn-primary:hover{background:var(--color-brand-600);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.landing .btn-secondary{color:var(--color-white);border:1px solid var(--color-gray-600);background:0 0}.landing .btn-secondary:hover{border-color:var(--color-gray-400);background:#ffffff0d}.landing .features{max-width:1100px;padding:var(--spacing-16) var(--spacing-4);gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;display:grid}.landing .card{background:var(--color-gray-800);border:1px solid var(--color-gray-700);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base);color:var(--color-white);text-decoration:none}.landing .card:hover{border-color:var(--color-brand-400);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.landing .card-icon{margin-bottom:var(--spacing-4);font-size:2rem}.landing .card h3{color:var(--color-white);margin-bottom:var(--spacing-2)}.landing .card p{color:var(--color-gray-400);font-size:var(--font-size-sm);margin:0}.landing .about{max-width:700px;padding:var(--spacing-16) var(--spacing-4);text-align:center;color:var(--color-gray-300);margin:0 auto}.landing .about h2{color:var(--color-white);margin-bottom:var(--spacing-6)}.landing .about p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}