:root{--bg-primary:#f0fdfa;--bg-secondary:#fff;--bg-tertiary:#ccfbf1;--accent-1:#0f766e;--accent-2:#14b8a6;--accent-alert:#e11d48;--text-main:#0f172a;--text-muted:#475569;--border-light:#e2e8f0}body{background-color:var(--bg-primary);color:var(--text-main);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.text-gradient{background:linear-gradient(to right,var(--accent-1),var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-light);background:#fffffff2;justify-content:space-between;align-items:center;padding:1.25rem 3rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000000d}.navbar-brand{color:var(--accent-1);letter-spacing:-.5px;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.navbar-nav{gap:2.5rem;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent-1)}.btn{border-radius:999px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--accent-1);color:#fff;border:none;box-shadow:0 4px 14px #0f766e63}.btn-primary:hover{background:#0b5c56;transform:translateY(-1px)}.btn-secondary{color:var(--accent-1);border:1px solid var(--accent-1);background:0 0}.btn-secondary:hover{background:var(--bg-tertiary)}.hero-section{text-align:center;max-width:900px;margin:0 auto;padding:6rem 2rem}.hero-title{letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.sandbox-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto 6rem;padding:0 2rem;display:grid}.card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.card-header{border-bottom:1px solid var(--border-light);background:#fafafa;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-title{color:var(--text-main);font-size:1.125rem;font-weight:600}.card-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.badge{background:var(--bg-tertiary);color:var(--accent-1);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.footer{text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);color:var(--text-muted);padding:4rem 2rem}.footer-logo{color:var(--accent-1);margin-bottom:1rem;font-size:1.5rem;font-weight:700}@media (max-width:768px){.hero-title{font-size:2.5rem}.sandbox-container{grid-template-columns:1fr}.navbar-nav{display:none}}