.book-demo-page{background:var(--bg-white);min-height:100vh;padding-top:100px;padding-bottom:80px;position:relative;overflow:hidden}.demo-grid-bg{background:linear-gradient(180deg,var(--bg-purple-light)0%,#fff0 100%);background-image:linear-gradient(var(--grid-color-purple)1px,transparent 1px),linear-gradient(90deg,var(--grid-color-purple)1px,transparent 1px);background-size:var(--grid-size)var(--grid-size);z-index:0;pointer-events:none;height:600px;position:absolute;top:0;left:0;right:0}.demo-container{max-width:1200px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.demo-content-wrapper{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.demo-left{padding-top:var(--spacing-xl)}.demo-badge{color:var(--toktop-purple);border-radius:var(--radius-full);margin-bottom:var(--spacing-md);background:#6b66ff1a;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.demo-left h1{margin-bottom:var(--spacing-lg);font-size:3rem;line-height:1.1;font-family:var(--font-serif);color:var(--text-dark)}.demo-left>p{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.2rem;line-height:1.6}.demo-pillars{gap:var(--spacing-xl);flex-direction:column;display:flex}.demo-pillar{gap:var(--spacing-md);display:flex}.pillar-icon-box{background:var(--bg-white);border:1px solid var(--border-light);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.pillar-text h3{color:var(--text-dark);margin-bottom:4px;font-size:1.1rem;font-weight:600}.pillar-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.demo-right{background:var(--bg-white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light)}.demo-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-dark);font-size:.9rem;font-weight:600}.form-input,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border-medium);background:#fafafa;padding:12px 16px;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--toktop-purple);background:var(--bg-white);outline:none;box-shadow:0 0 0 3px #6b66ff1a}.form-textarea{resize:vertical;min-height:100px}.btn-submit{background:var(--toktop-navy);color:#fff;border-radius:var(--radius-md);cursor:pointer;margin-top:var(--spacing-sm);border:none;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.btn-submit:hover{background:#0f0f1d;transform:translateY(-1px)}.form-success{text-align:center;color:var(--toktop-green);padding:40px 0}.success-icon{margin-bottom:var(--spacing-md);font-size:3rem;display:block}@media (max-width:900px){.demo-content-wrapper{gap:var(--spacing-2xl);grid-template-columns:1fr}.demo-left{text-align:center;padding-top:0}.demo-pillars{text-align:left}}