.df-hero{padding:8rem 0 5rem;background:radial-gradient(circle at 82% 25%,rgba(164,219,53,.2),transparent 28%),linear-gradient(135deg,#071a2d,#0d3853);color:#fff}.df-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:center}.df-hero h1{color:#fff;font-size:clamp(3rem,7vw,6.3rem);line-height:.94;max-width:850px}.df-hero .hero-lead,.df-hero p{color:rgba(255,255,255,.78);max-width:720px}.df-compass{width:min(360px,75vw);aspect-ratio:1;margin:auto;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;position:relative}.df-compass:before,.df-compass:after{content:"";position:absolute;background:rgba(255,255,255,.2)}.df-compass:before{width:1px;height:115%;}.df-compass:after{height:1px;width:115%}.df-compass span{position:absolute;inset:14%;border:1px solid rgba(164,219,53,.55);border-radius:50%}.df-compass strong{font-size:1.15rem;letter-spacing:.24em;color:#a4db35}.df-compass i{position:absolute;width:18px;height:18px;background:#a4db35;transform:rotate(45deg);top:9%}.df-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:2rem;align-items:start}.df-panel{padding:2rem;border:1px solid #dce6eb;border-radius:24px;background:#f7fafb;position:sticky;top:100px}.df-panel h2{margin-top:.25rem}.df-intro{color:#526573}.df-panel label{display:grid;gap:.45rem;font-weight:700;margin:1rem 0}.df-panel input,.df-panel textarea,.df-panel select{width:100%;border:1px solid #b9c9d1;border-radius:12px;padding:.85rem;background:#fff;color:#071a2d;font:inherit}.df-panel textarea{resize:vertical}.df-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.df-message{min-height:1.5em;margin:.8rem 0 0;color:#36540a}.df-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}.df-stat{padding:1rem;border:1px solid #dce6eb;border-radius:18px;background:#fff}.df-stat strong{display:block;font-size:1.8rem;color:#071a2d}.df-stat span{color:#60737f;font-size:.86rem}.df-board{display:grid;gap:1rem}.df-card{border:1px solid #dce6eb;border-radius:22px;padding:1.35rem;background:#fff;box-shadow:0 14px 38px rgba(7,26,45,.06)}.df-card.is-complete{opacity:.72}.df-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.df-card h3{margin:.15rem 0 .4rem}.df-badge{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:#edf6dd;color:#36540a;font-size:.75rem;font-weight:800}.df-card p{color:#526573}.df-step{border-left:3px solid #a4db35;padding-left:.85rem}.df-meta{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.82rem;color:#60737f}.df-card-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.df-card-actions button{border:1px solid #b9c9d1;background:#fff;border-radius:999px;padding:.52rem .8rem;cursor:pointer;font-weight:700;color:#173247}.df-card-actions button:hover{border-color:#6d8b9b}.df-empty{text-align:center;border:1px dashed #b9c9d1;border-radius:22px;padding:3rem 1.5rem;background:#f7fafb}.df-controls{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.ghost-dark{border:1px solid #8fa5b0;background:transparent;color:#173247}.df-card select{border:1px solid #b9c9d1;border-radius:999px;padding:.5rem .7rem;background:#fff}@media(max-width:900px){.df-hero-grid,.df-layout{grid-template-columns:1fr}.df-compass{max-width:280px}.df-panel{position:static}.df-summary{grid-template-columns:1fr}.df-form-grid{grid-template-columns:1fr}}