:root{--bg-color:#fafafa;--surface-color:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--primary-color:#63f;--primary-hover:#5229cc;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.page-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.content-wrapper{flex-direction:column;gap:4rem;width:100%;max-width:1200px;padding:2rem 0;display:flex}.split-layout{grid-template-columns:1fr 400px;grid-template-areas:"header form""toc form";gap:0 4rem;width:100%;display:grid}.header-desc{flex-direction:column;grid-area:header;gap:3rem;display:flex}.toc-wrapper{grid-area:toc}.brand-logo-link{align-self:flex-start;transition:opacity .2s;display:inline-flex}.brand-logo-link:hover{opacity:.75}.brand-logo{width:auto;height:48px;display:block}.video-section{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:3rem;display:flex}.video-headline{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.video-container{aspect-ratio:16/9;border:1px solid #6633ff4d;border-radius:16px;width:100%;max-width:600px;margin:0 auto;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #63f3}.video-container:hover{box-shadow:0 0 35px #63f6}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.header-desc h1{letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800;line-height:1.2}.info-description{color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.6}.toc-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;margin-top:2rem;padding:2rem}.toc-container h3{color:var(--primary-color);margin-top:0;margin-bottom:1.5rem;font-size:1.25rem}.toc-list{color:var(--text-secondary);flex-direction:column;gap:.75rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.toc-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:baseline;padding-bottom:.25rem;display:flex}.toc-item.indented{color:var(--text-tertiary);padding-left:1.5rem;font-size:.9rem}.toc-item span:last-child{color:var(--text-tertiary);margin-left:1rem;font-weight:500}.form-section{flex-direction:column;grid-area:form;justify-content:center;display:flex}@keyframes glowRotate{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.form-card{background:var(--surface-color);isolation:isolate;background-clip:padding-box;border:2px solid #0000;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex;position:relative;box-shadow:0 0 25px #6633ff1f}.form-card:before{content:"";background:conic-gradient(from var(--angle), #63f0 0%, #6633ffb3 20%, #b48cffe6 35%, #6633ffb3 50%, #63f0 70%);z-index:-1;border-radius:18px;animation:4s linear infinite glowRotate;position:absolute;inset:-2px}.form-card:after{content:"";background:var(--surface-color);z-index:-1;border-radius:16px;position:absolute;inset:2px}.form-header{text-align:center}.form-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.form-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.input-field{background:var(--bg-color);width:100%;color:var(--text-primary);border:1px solid #63f3;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s;box-shadow:0 0 10px #6633ff14}.input-field:focus{border-color:var(--primary-color);background:var(--surface-color);outline:none;box-shadow:0 0 15px #6633ff40,0 0 0 2px #63f3}.submit-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.success-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.success-icon{color:#16a34a;background:#f0fdf4;border-radius:32px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;display:flex}.success-state h2{color:var(--text-primary);margin:0}.success-state p{color:var(--text-secondary);margin:0;line-height:1.5}.download-btn{background:var(--primary-color);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.download-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=992px){.content-wrapper{gap:3rem;padding:2rem 0}.split-layout{flex-direction:column;gap:3rem;display:flex}.header-desc{order:1}.form-section{flex:none;order:2;width:100%}.toc-wrapper{order:3}}@media (width<=600px){.content-wrapper{padding:1rem 0}.page-container{padding:1rem}.header-desc h1{font-size:2rem}}