/* Tanuvin unified pages: Home, Products, Login/Register.
   Uses the same tokens, header, footer, gradients, and scroll-fade motion as About / Services / Trainings. */

/* ---------- Home hero ---------- */
.home-hero{position:relative;padding:150px 0 90px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(0,242,254,.08) 0%,transparent 50%),radial-gradient(circle at 15% 85%,rgba(127,0,255,.07) 0%,transparent 50%)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.home-hero h1{font-size:3.6rem;line-height:1.1;letter-spacing:-1px;margin:18px 0 22px;color:var(--text-primary)}
.home-hero-lead{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);max-width:560px;margin-bottom:34px}
.home-hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.home-stats{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}
.home-stat{flex:1;min-width:130px;padding:18px 20px;border-radius:var(--border-radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.home-stat strong{display:block;font-family:var(--font-heading);font-size:1.7rem;line-height:1.2;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.home-stat small{color:var(--text-muted);font-size:.85rem}
.home-photo-card{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);aspect-ratio:4/3;animation:float 7s ease-in-out infinite}
.home-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1581092921461-eab62e97a780?auto=format&fit=crop&w=1400&q=85');background-size:cover;background-position:center}
.home-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(124,58,237,.12));pointer-events:none}

/* ---------- Home sections ---------- */
.sol-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;color:var(--accent-cyan);background:var(--gradient-glow);border:1px solid rgba(14,165,233,.2)}
.solutions-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.solution-card{padding:22px 16px;display:flex;flex-direction:column;gap:12px}
.solution-card b{font-family:var(--font-heading);font-size:.95rem;color:var(--text-primary);line-height:1.3}
.solution-card small{font-size:.8rem;color:var(--text-muted);line-height:1.5}

.cap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.cap-card{display:block;padding:0;overflow:hidden}
.cap-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-tertiary)}
.cap-body{padding:18px 18px 20px}
.cap-body b{display:block;font-family:var(--font-heading);font-size:1rem;color:var(--text-primary);margin-bottom:6px}
.cap-body small{display:block;font-size:.85rem;color:var(--text-muted);line-height:1.5}
.cap-body .cap-symbol{display:inline-block;color:var(--accent-purple);font-size:1rem;margin-bottom:8px;font-family:var(--font-heading);font-weight:700}

.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.demo-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.demo-card>img{display:block;width:100%;height:250px;object-fit:cover}
.demo-body{padding:28px 30px 32px}
.demo-body .badge{margin-bottom:6px}
.demo-body h3{font-size:1.5rem;margin:12px 0 10px;color:var(--text-primary)}
.demo-body p{color:var(--text-secondary);margin-bottom:22px;line-height:1.65}

/* ---------- Login / Register ---------- */
.account-page{min-height:100vh;padding:150px 0 90px;background:radial-gradient(circle at top,rgba(127,0,255,.08) 0%,transparent 60%)}
.account-card{max-width:520px;margin:0 auto;padding:40px 36px}
.account-back-top{font-size:.9rem;color:var(--accent-blue);font-weight:500}
.account-card h1{font-size:2.1rem;margin:16px 0 8px;color:var(--text-primary)}
.account-card>p,.account-card #subtitle{color:var(--text-secondary);margin-bottom:6px}
.account-card label{display:block;margin:18px 0 8px;font-weight:600;color:var(--text-primary);font-size:.92rem}
.account-card input{width:100%;padding:13px 14px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:var(--bg-primary);font:inherit;font-size:.95rem;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}
.account-card input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.account-card small{display:block;color:var(--text-muted);margin-top:8px;font-size:.82rem}
.account-submit{width:100%;margin-top:24px;min-height:50px;font-size:1rem}
.account-msg{margin-top:14px;color:#dc2626;min-height:1.2em;font-size:.9rem}
.account-switch,.account-back{display:block;margin-top:18px;text-align:center;color:var(--accent-blue);font-weight:500;font-size:.95rem}
.account-back{color:var(--text-muted)}
.account-switch:hover,.account-back:hover{color:var(--accent-purple)}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .solutions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-hero h1{font-size:3.1rem}
}
@media(max-width:820px){
  .home-hero{padding:130px 0 70px}
  .home-hero-grid{grid-template-columns:1fr;gap:40px}
  .home-hero h1{font-size:2.8rem}
  .demo-grid{grid-template-columns:1fr}
  .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .home-hero h1{font-size:2.3rem}
  .home-stat{min-width:100%}
  .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cap-grid{grid-template-columns:1fr}
  .demo-body{padding:22px}
  .demo-card>img{height:200px}
  .account-card{padding:30px 22px}
  .account-card h1{font-size:1.8rem}
}