/* EcoLink v30: public-platform landing, premium EcoLink ID Card, and protected restore UI. */
:root{--eco-ink:#082f33;--eco-deep:#04282d;--eco-green:#0aa57b;--eco-mint:#50e3ba;--eco-gold:#e9c56a;--eco-paper:#f5faf8}
.ecosystem-section{padding-top:42px}.ecosystem-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.ecosystem-grid article{position:relative;min-height:210px;padding:28px;border:1px solid #d8e9e4;border-radius:26px;background:linear-gradient(145deg,#fff,#f5fbf8);overflow:hidden}.ecosystem-grid article:after{content:"";position:absolute;width:130px;height:130px;right:-50px;bottom:-55px;border:1px solid #bfe5d8;border-radius:50%}.ecosystem-grid article span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5f7f1;color:#08765e;font-size:11px;font-weight:900}.ecosystem-grid h3{margin:28px 0 8px;font-size:21px}.ecosystem-grid p{margin:0;color:#617875;line-height:1.65}.ecosystem-feature.primary{grid-row:span 2;min-height:436px;background:radial-gradient(circle at 85% 20%,#1b957b 0 12%,transparent 13%),linear-gradient(145deg,#052e34,#08675e);color:#fff;border-color:#176d64}.ecosystem-feature.primary span{background:#ffffff17;color:#78f0cd}.ecosystem-feature.primary h3{font-size:32px;margin-top:95px}.ecosystem-feature.primary p{color:#c6e5df;font-size:16px}.ecosystem-feature.primary b{display:block;margin-top:40px;color:#efcf77;letter-spacing:.08em}.ecosystem-feature.wide{grid-column:span 2;min-height:180px;background:linear-gradient(115deg,#fff9e7,#f3faf7)}
.public-cta{margin:40px auto 70px;max-width:1380px;padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:32px;background:linear-gradient(115deg,#052f35,#087365);color:#fff;box-shadow:0 25px 60px #063b3430}.public-cta h2{font-size:clamp(28px,4vw,48px);margin:10px 0}.public-cta p{color:#c5e2dc;max-width:720px}.public-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.public-cta .button-light{border-color:#ffffff3b;color:#fff;background:#ffffff0d}
.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.restore-file{cursor:pointer}.restore-backup-box{display:grid;grid-template-columns:1fr minmax(260px,.6fr) auto;align-items:end;gap:16px;margin:0 0 20px;padding:20px;border:1px solid #f2cf83;border-radius:20px;background:#fffaf0}.restore-backup-box p{margin:5px 0 0;color:#79694f}.restore-backup-box label{font-size:11px;font-weight:800}.restore-backup-box input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ddc997;border-radius:12px}.button-danger{background:#b4233c;color:#fff;border-color:#b4233c}
.idcard{position:relative;isolation:isolate;overflow:hidden!important;background:radial-gradient(circle at 88% 12%,#27b69b 0 4%,transparent 18%),linear-gradient(135deg,#031e27 0%,#064b4d 50%,#092f38 100%)!important;border:1px solid #d7bd704d!important;box-shadow:0 22px 60px #032e3838, inset 0 0 0 1px #ffffff12!important;color:#fff!important}.idcard:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 45%,#e7c56618 46% 47%,transparent 48%),repeating-linear-gradient(135deg,transparent 0 22px,#ffffff05 23px 24px)}.idcard:after{content:"ECOLINK ID";position:absolute;right:-14px;bottom:22px;z-index:-1;font-size:54px;font-weight:900;letter-spacing:-.06em;color:#ffffff08}.idcard-head{border-bottom:1px solid #ffffff20;padding-bottom:14px}.idcard-head b{letter-spacing:.14em;color:#fff}.idcard-head small{color:#e7c86e!important}.idcard>.id-avatar{background:linear-gradient(145deg,#fff,#b7f3df)!important;color:#075c55!important;border:1px solid #fff;box-shadow:0 8px 25px #001b204a}.idcard>small{color:#e8ca76!important;letter-spacing:.17em;font-weight:900}.idcard h2{color:#fff!important;text-shadow:0 2px 15px #00181c}.idcard .member-number{display:inline-flex;padding:8px 13px;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff0c;color:#e9cf83!important;font-weight:900;letter-spacing:.12em}.idcard .barcode-svg{background:#fff;color:#061f25!important;border-radius:8px;padding:5px}.idcard p{color:#b9d8d4!important}
@media(max-width:900px){.ecosystem-grid{grid-template-columns:1fr 1fr}.ecosystem-feature.primary{grid-row:auto;grid-column:span 2;min-height:310px}.ecosystem-feature.primary h3{margin-top:45px}.restore-backup-box{grid-template-columns:1fr}.public-cta{margin-inline:18px;padding:34px;align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.ecosystem-section{padding-inline:18px}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-feature.primary,.ecosystem-feature.wide{grid-column:auto}.ecosystem-grid article,.ecosystem-feature.primary{min-height:220px;padding:23px}.ecosystem-feature.primary h3{margin-top:35px;font-size:27px}.public-cta{padding:28px 23px;border-radius:25px}.public-cta>div:last-child,.public-cta .button{width:100%}.backup-actions>*{width:100%;text-align:center}.idcard:after{font-size:40px}}
@media print{.idcard{box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.idcard-head>span img{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:3px}