@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--font-inter:"Inter",sans-serif;--font-jakarta:"Plus Jakarta Sans",sans-serif;--color-primary-teal:#005F59;--color-primary-teal-dark:#01524C;--color-primary-teal-light:#E6F0EF;--color-accent-orange:#FF9444;--color-accent-orange-hover:#FFA866;--color-accent-orange-light:#FFE8D6;--color-accent-orange-dark:#5C2A05;--color-accent-orange-text:#FFB27A;--color-dark-neutral:#212528;--color-muted-text:#555B60;--color-muted-border:#E7E9E9;--color-light-bg:#FDFDFD;--color-section-bg:#F1F1F1;--color-card-bg:#FFFFFF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-inter);background-color:var(--color-light-bg);color:var(--color-dark-neutral)}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary-teal);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-teal-dark)}h1,h2,h3,h4,h5,h6{color:var(--color-dark-neutral)}.cocoon-btn,h1,h2,h3,h4,h5,h6{font-family:var(--font-jakarta)}.cocoon-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;padding:12px 24px;border-radius:30px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.cocoon-btn-primary{background-color:var(--color-primary-teal);color:#FFFFFF!important}.cocoon-btn-primary:hover{background-color:var(--color-primary-teal-dark)}.cocoon-btn-accent{background-color:var(--color-accent-orange);color:var(--color-dark-neutral)!important}.cocoon-btn-accent:hover{background-color:var(--color-accent-orange-hover)}.cocoon-btn-outline{background-color:transparent;border:1.5px solid var(--color-primary-teal);color:var(--color-primary-teal)}.cocoon-btn-outline:hover{background-color:var(--color-primary-teal-light)}.cocoon-card{background:var(--color-card-bg);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid var(--color-muted-border);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.cocoon-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}.cocoon-tag{font-family:var(--font-jakarta);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--color-accent-orange);color:var(--color-dark-neutral);border-radius:30px;padding:4px 12px;display:inline-block}.cocoon-badge-owned{background:#E6F4EA;color:#137333}.cocoon-badge-draft,.cocoon-badge-owned{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.cocoon-badge-draft{background:#FEF7E0;color:#B06000}.cocoon-badge-published{background:#E6F4EA;color:#137333;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.cocoon-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.cocoon-label{font-family:var(--font-jakarta);font-size:14px;font-weight:600;color:var(--color-dark-neutral)}.cocoon-input,.cocoon-select,.cocoon-textarea{font-family:var(--font-inter);font-size:15px;padding:12px 16px;border-radius:8px;border:1px solid #ced4da;background:#FFFFFF;outline:none;transition:border-color .2s ease}.cocoon-input:focus,.cocoon-select:focus,.cocoon-textarea:focus{border-color:var(--color-primary-teal);box-shadow:0 0 0 3px rgba(0,95,89,.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#F1F1F1}::-webkit-scrollbar-thumb{background:#BAC2C1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8A9493}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cocoon-skeleton{background:linear-gradient(90deg,#ECEFEF 25%,#F6F8F8 50%,#ECEFEF 75%);background-size:200% 100%}.cocoon-skeleton,.cocoon-skeleton-dark{animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px;display:block}.cocoon-skeleton-dark{background:linear-gradient(90deg,#132524 25%,#1C3534 50%,#132524 75%);background-size:200% 100%}.cocoon-skeleton-circle{border-radius:50%!important}.cocoon-skeleton-pill{border-radius:30px!important}