:root{--primary:#9a73f0;--primary-light:#c9a9ff;--primary-dark:#7e59d1;--primary-bg:#f8f4ff;--accent:#e55b4b;--accent-dark:#c94a3b;--text-main:#111827;--text-muted:#6b7280;--bg-page:#fff;--bg-surface:#fff;--border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);font-family:Aptos,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;background:var(--border)}.btn-accent{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-accent:hover{background:var(--accent-dark)}.btn-outline-grey{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline-grey:hover{border-color:var(--text-muted);background:#f9fafb}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{background-color:var(--bg-page);color:var(--text-main);font-family:Aptos,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.container{width:min(1200px,100% - 2rem);margin:0 auto;padding:0 1rem}.pt-nav{padding-top:clamp(72px,9vw,100px)}.pb-section{padding-bottom:clamp(2.5rem,6vw,5rem)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;min-width:0;padding:clamp(1rem,2.5vw,2rem);transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card h3{color:var(--text-main);margin:1.2rem 0 .5rem;font-size:1.15rem;font-weight:700}.card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.form-input,.form-textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);width:100%;color:var(--text-main);outline:none;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #9a73f01a}.checkbox-container{border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;margin-bottom:1rem;padding:1.2rem}.checkbox-container-title{color:var(--text-main);margin-bottom:1rem;font-size:.9rem;font-weight:700}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.checkbox-item{color:var(--text-main);cursor:pointer;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.toggle-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);margin-bottom:2rem;display:flex;overflow:hidden}.toggle-btn{text-align:center;color:var(--text-main);cursor:pointer;background:0 0;border:none;flex:1;padding:1rem;font-size:.95rem;font-weight:600;transition:all .2s}.toggle-btn.active{background:var(--primary-bg);color:var(--primary-dark);border:1px solid var(--primary-light);border-radius:var(--radius)}.ai-widget{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:min(550px,75vh);min-height:420px;display:flex;overflow:hidden}.ai-header{border-bottom:1px solid var(--border);color:var(--text-main);background:#fafafa;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;display:flex}.ai-window{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.ai-bubble{border-radius:var(--radius);max-width:85%;padding:.8rem 1.2rem;font-size:.95rem}.ai-bubble.bot{color:var(--text-main);border:1px solid var(--border);background:#fafafa;border-bottom-left-radius:2px;align-self:flex-start}.ai-bubble.user{background:var(--primary);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.ai-input-area{border-top:1px solid var(--border);background:var(--bg-surface);gap:.5rem;padding:1rem;display:flex}@media (width<=1024px){.container{width:min(1000px,100% - 1.5rem);padding:0 .75rem}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.container{width:calc(100% - 1rem);padding:0 .5rem}.grid-2,.grid-3,.form-row,.checkbox-grid{grid-template-columns:1fr}.btn-primary,.btn-accent,.btn-outline-grey{width:100%}.toggle-wrapper{flex-direction:column}.toggle-btn{padding:.85rem 1rem}.card{border-radius:10px}.ai-widget{height:min(70vh,520px);min-height:360px}.ai-header{padding:1rem}.ai-window{min-height:0;padding:1rem}.ai-input-area{flex-direction:column}.ai-bubble{max-width:100%}}@media (width<=480px){body{font-size:14px}.container{width:calc(100% - .75rem);padding:0 .375rem}.card,.checkbox-container{padding:1rem}.checkbox-item{align-items:flex-start}.ai-bubble{padding:.75rem .95rem;font-size:.9rem}}