.cpp-btn{display:inline-block;background-color:#28a745;color:#fff;padding:12px 24px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;border-radius:4px;transition:background-color .3s ease;border:none;cursor:pointer;font-family:inherit;box-shadow:0 4px 6px rgba(0,0,0,.1)}.cpp-btn:hover,.cpp-btn:focus{background-color:#218838;color:#fff;text-decoration:none}.cpp-contract-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.08);margin:10px auto;font-family:Arial,sans-serif;color:#333;line-height:1.6;max-width:100%}.cpp-btn-wrapper{container-type:inline-size;container-name:cpp-btn-container;width:100%}.cpp-contract-wrapper{container-type:inline-size;container-name:cpp-contract-container;width:100%}@container cpp-contract-container (max-width:768px){.cpp-contract-content{padding:15px;min-width:0}}@container cpp-btn-container (max-width:768px){.cpp-btn{width:100%;box-sizing:border-box}}.cpp-notice{padding:15px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin:20px 0;font-weight:700}#dashboard-wrapper{transition:max-width .4s cubic-bezier(.25,.8,.25,1),outline .3s,margin .3s,padding .3s;margin:0 auto}.preview-widescreen{max-width:100%;width:100%;border-radius:20px;padding:10px;margin:10px auto 80px auto;box-shadow:0 20px 40px rgba(0,0,0,.05)}.preview-laptop{max-width:1024px;width:100%;outline:8px solid #0f172a;border-radius:12px;padding:15px;margin:10px auto 80px auto;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2)}.preview-tablet{max-width:768px;width:100%;outline:10px solid #0f172a;border-radius:20px;padding:15px;margin:10px auto 80px auto;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2)}.preview-mobile{max-width:400px;width:100%;outline:14px solid #0f172a;border-radius:35px;padding:10px;margin:10px auto 80px auto;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2)}.responsive-toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1e293b;padding:8px 15px;border-radius:30px;display:flex;gap:15px;box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:99999;border:1px solid #334155;opacity:.2;transition:opacity .3s ease,transform .3s ease}.responsive-toolbar:hover{opacity:1}.responsive-toolbar button{background:0 0;border:none;color:#64748b;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.responsive-toolbar button:hover{color:#fff;background:#334155}.responsive-toolbar button.active{color:#3b82f6;background:#334155;box-shadow:inset 0 0 0 2px #3b82f6}@media(max-width:600px){.responsive-toolbar{display:none !important}}