:root{--tiffany: #4EC8C4;--tiffany-light: #A8E2DF;--teal-deep: #0E4D4A;--teal-mid: #1A6B66;--cream: #F7F1E5;--cream-border: #E8DEC9;--gold: #C8A24C;--ink: #10302E;--brand-gradient: linear-gradient(165deg, #0E4D4A 0%, #1A6B66 55%, #4EC8C4 100%);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}strong{font-weight:600;color:var(--teal-deep)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#4ec8c426;color:var(--teal-deep);padding:1px 6px;border-radius:4px;font-size:.9em}.serif{font-family:var(--font-display)}.italic-gold{font-family:var(--font-display);font-style:italic;color:var(--gold);font-weight:400}.icon{width:16px;height:16px;flex-shrink:0}.page{min-height:100vh;padding:48px 20px 60px;background:radial-gradient(circle at 8% -10%,rgba(78,200,196,.14) 0%,transparent 40%),radial-gradient(circle at 100% 15%,rgba(200,162,76,.1) 0%,transparent 45%),var(--cream)}.page__inner{max-width:780px;margin:0 auto}.hero{margin-bottom:44px}.hero__tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--teal-mid);font-weight:600;margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}.hero__tag:before{content:"";width:24px;height:1px;background:var(--tiffany)}.hero__title{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,5vw,52px);line-height:1.1;color:var(--teal-deep);margin:0 0 22px}.hero__lede{font-size:16px;color:var(--teal-mid);line-height:1.65;margin:0;max-width:680px}.dias{display:flex;flex-direction:column;gap:24px}.dia-card{background:#fff;border:1px solid var(--cream-border);border-radius:22px;padding:30px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.dia-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--brand-gradient);opacity:0;transition:opacity .25s}.dia-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px -24px #0e4d4a47;border-color:var(--tiffany)}.dia-card.is-unlocked{border-color:var(--tiffany);box-shadow:0 20px 44px -24px #0e4d4a47}.dia-card.is-unlocked:before{opacity:1}.dia-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dia-card__pill{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--tiffany);color:var(--teal-deep);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.dia-card__status{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--gold)}.dia-card__title{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.2;color:var(--teal-deep);margin:0 0 10px}.dia-card__desc{color:var(--teal-mid);font-size:14.5px;line-height:1.6;margin:0 0 20px}.dia-card__lista{list-style:none;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;border-top:1px dashed var(--cream-border);border-bottom:1px dashed var(--cream-border);padding:16px 0}.dia-card__lista li{font-size:13.5px;color:var(--teal-mid);line-height:1.5;padding-left:20px;position:relative}.dia-card__lista li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--tiffany)}.dia-card__lista strong{color:var(--teal-deep);font-weight:600;margin-right:2px}.dia-card__form{display:flex;flex-direction:column;gap:8px;margin-top:auto}.dia-card__label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--teal-deep);font-weight:600}.dia-card__row{display:flex;gap:8px;flex-wrap:wrap}.dia-card__input{flex:1 1 180px;min-width:0;padding:14px 16px;border-radius:12px;border:1px solid var(--cream-border);background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:14px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.dia-card__input::placeholder{color:#10302e73}.dia-card__input:focus{border-color:var(--tiffany);background:#fff;box-shadow:0 0 0 3px #4ec8c438}.dia-card__submit{padding:14px 22px;border-radius:12px;border:none;background:var(--teal-deep);color:var(--cream);font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.4px;cursor:pointer;transition:background .2s,transform .1s}.dia-card__submit:hover{background:var(--teal-mid)}.dia-card__submit:active{transform:translateY(1px)}.dia-card__error{color:#b45332;font-size:13px;margin-top:4px;font-weight:500}.dia-card__downloads{margin-top:auto;display:flex;flex-direction:column;gap:14px}.dia-card__zip{background:var(--brand-gradient);color:var(--cream);border:none;padding:15px 22px;border-radius:12px;font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:transform .1s,filter .2s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.dia-card__zip:hover{filter:brightness(1.08)}.dia-card__zip:disabled{opacity:.7;cursor:wait}.dia-card__zip:active{transform:translateY(1px)}.dia-card__files{display:flex;flex-direction:column;gap:6px}.dia-card__file{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--cream);border:1px solid var(--cream-border);border-radius:10px;text-decoration:none;color:var(--teal-deep);font-size:14px;font-weight:500;transition:background .18s,border-color .18s,transform .1s}.dia-card__file:hover{background:#fff;border-color:var(--tiffany)}.dia-card__file:active{transform:translateY(1px)}.dia-card__file-name{display:inline-flex;align-items:center;gap:10px}.dia-card__file-ext{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--gold);font-weight:600}.dia-card__lock{align-self:flex-start;background:transparent;border:none;color:var(--teal-mid);font-family:var(--font-body);font-size:12px;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.dia-card__lock:hover{color:var(--teal-deep)}.page__footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--cream-border);color:var(--teal-mid);font-size:12px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}@media (max-width: 480px){.dia-card{padding:24px}.dia-card__row{flex-direction:column}.dia-card__submit{width:100%}}