:root{--cp-bg:#f8fafc;--cp-card-bg:#fff;--cp-card-border:#e2e8f0;--cp-text-main:#0f172a;--cp-text-muted:#64748b;--cp-primary:#2563eb;--cp-primary-hover:#1d4ed8;--cp-accent:#f59e0b;--cp-input-bg:#f1f5f9;--cp-input-border:#cbd5e1;--cp-shadow:0 10px 40px -10px #00000014}.cp-root{background-color:var(--cp-bg);min-height:100vh;color:var(--cp-text-main);flex-direction:column;padding:6rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.cp-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.cp-bgGradient{background:radial-gradient(900px 600px at 85% 10%,#3636361a,#0000 55%),radial-gradient(900px 600px at 10% 85%,#36363614,#0000 55%),linear-gradient(#f6f7f89b 0%,#f6f7f8f5 55%,#f6f7f8 100%);position:absolute;inset:0}.cp-container{z-index:1;width:100%;max-width:1000px;margin:0 auto;position:relative}.cp-header{text-align:center;margin-bottom:3.5rem}.cp-pill{border:1px solid var(--cp-card-border);color:var(--cp-primary);background:#fff;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #00000008}.cp-title{letter-spacing:-.04em;color:var(--cp-text-main);margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.1}.cp-highlight{color:var(--cp-primary);display:inline-block;position:relative}.cp-highlight:after{content:"";z-index:-1;background:#2563eb26;width:100%;height:8px;position:absolute;bottom:4px;left:0;transform:rotate(-1deg)}.cp-subtitle{color:var(--cp-text-muted);max-width:550px;margin:0 auto;font-size:1.125rem;line-height:1.6}.cp-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.cp-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:2.5rem}}.cp-card{background:var(--cp-card-bg);border:1px solid var(--cp-card-border);box-shadow:var(--cp-shadow);border-radius:1.25rem;padding:2rem;transition:transform .3s,box-shadow .3s}.cp-card:hover{box-shadow:0 20px 50px -12px #0000001f}.cp-card-title{color:var(--cp-text-main);margin-bottom:1.5rem;font-size:1.75rem}.cd-item{cursor:default;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:1rem;padding:.85rem;transition:all .2s;display:flex}.cd-item.is-clickable{cursor:pointer;border-color:var(--cp-card-border);background:#f8fafc}.cd-item.is-clickable:hover{background:#f1f5f9;border-color:#cbd5e1}.cd-iconBox{width:36px;height:36px;color:var(--cp-primary);background:#eff6ff;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.cd-label{text-transform:uppercase;letter-spacing:.05em;color:var(--cp-text-muted);font-size:.7rem;font-weight:700}.cd-value{color:var(--cp-text-main);font-size:.9rem;font-weight:600}.cd-copyHint{color:var(--cp-text-muted);margin-left:auto}.cp-visual-area{perspective:1000px;justify-content:center;align-items:center;height:120px;margin:3rem 0;display:flex;position:relative}.cp-float-card{z-index:2;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:1rem;width:220px;height:130px;padding:1.5rem;position:relative;box-shadow:inset 0 0 20px #fff3,0 10px 20px #2563eb4d}.cp-float-shadow{filter:blur(10px);background:#0000001a;border-radius:50%;width:140px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.cp-note{color:var(--cp-text-muted);text-align:center;border-top:1px dashed var(--cp-card-border);padding-top:1.5rem;font-size:.85rem}.cp-form-header{border-bottom:1px solid var(--cp-card-border);margin-bottom:2rem;padding-bottom:1rem}.cp-input-group label{color:#334155;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.cp-input{background:var(--cp-input-bg);border:1px solid var(--cp-input-border);width:100%;color:var(--cp-text-main);border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.cp-input::placeholder{color:#94a3b8}.cp-input:focus{border-color:var(--cp-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.cp-input.select-arrow{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.cp-submit-btn{background:var(--cp-text-main);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #0f172a33}.cp-submit-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}