:root{--blue:#07345f;--blue2:#0878a3;--teal:#0aa39a;--gold:#d5a53e;--coral:#f07c62;--violet:#7656a8;--bg:#f2f7fb;--line:#d9e6ef}
body{background:radial-gradient(circle at 7% 12%,rgba(10,163,154,.12),transparent 25%),radial-gradient(circle at 92% 20%,rgba(213,165,62,.15),transparent 23%),linear-gradient(180deg,#f6fbfd,#f1f5fa 70%)}
.top{background:linear-gradient(115deg,var(--blue),#075d7b 65%,#078f8a);box-shadow:0 8px 26px rgba(7,52,95,.16)}
.brand{flex-direction:row;align-items:center;gap:12px}.logo-plate{display:flex;background:#fff;border-radius:9px;padding:4px;box-shadow:0 3px 12px rgba(0,0,0,.16)}.logo-plate img{display:block;width:108px;height:54px;object-fit:contain}.brand-copy{display:flex;flex-direction:column}.brand-copy>span{font-size:.78rem;color:#d8edf1}.brand-copy b{font-size:1rem}
.hero-card,.form-card,.stats article,.dashboard-grid article,.grid3 article,.tasks{border-radius:20px;box-shadow:0 14px 38px rgba(7,52,95,.09)}
.btn{background:linear-gradient(115deg,var(--blue2),var(--teal));box-shadow:0 7px 17px rgba(8,120,163,.20);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(8,120,163,.27)}
.stats article{position:relative;overflow:hidden}.stats article:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--blue2),var(--teal))}.stats article:nth-child(2):before{background:linear-gradient(90deg,var(--teal),#6cc79a)}.stats article:nth-child(3):before{background:linear-gradient(90deg,var(--gold),#f2ca69)}.stats article:nth-child(4):before{background:linear-gradient(90deg,var(--violet),#a889d0)}
.primary-card{border-left:6px solid var(--gold)!important;background:linear-gradient(135deg,#fffdf5,#fff)!important}.status-card{background:linear-gradient(145deg,#ecfbf9,#fff)!important}.progress i{background:linear-gradient(90deg,var(--blue2),var(--teal),var(--gold));box-shadow:0 0 12px rgba(10,163,154,.35)}
.services article:nth-child(1){border-top:5px solid var(--blue2)}.services article:nth-child(2){border-top:5px solid var(--teal)}.services article:nth-child(3){border-top:5px solid var(--gold)}
.task button{color:var(--teal)}.task.done{background:#f1fbf8}.eyebrow{color:#c58b20}
@media(max-width:760px){.top{gap:14px}.logo-plate img{width:82px;height:42px}.brand-copy>span{display:none}.brand-copy b{font-size:.88rem}.top nav{font-size:.8rem}.top nav a{padding:5px}.top nav .btn{padding:7px 10px}}