:root{--m-green:#0b7756;--m-accent:#55d6a1;--m-ink:#17231f;--m-muted:#718079;--m-bg:#f4f8f6}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--m-ink);background:var(--m-bg)}h1,h2,h3{font-family:Manrope,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.member-header{height:78px;background:#fff;border-bottom:1px solid #e3ebe7;display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1280px)/2));gap:50px;position:sticky;top:0;z-index:20}.member-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.member-brand>img,.member-brand>b{width:40px;height:40px;object-fit:contain;border-radius:11px}.member-brand>b{display:grid;place-items:center;background:var(--m-green);color:#fff}.member-brand span,.member-brand small{display:block}.member-brand span{font:800 14px Manrope}.member-brand small{font:500 9px 'DM Sans';color:var(--m-muted)}.member-header nav{display:flex;gap:5px}.member-header nav a{padding:10px 14px;border-radius:9px;color:var(--m-muted);font-weight:600}.member-header nav a.active{background:#e9f6f1;color:var(--m-green)}.member-user{display:flex;align-items:center;gap:8px}.member-user>img,.member-user>span{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#dff3eb;color:var(--m-green);display:grid;place-items:center;font-weight:700}.member-user b{font-size:11px}.member-user a{font-size:10px;color:var(--m-muted);margin-left:5px}.member-main{max-width:1280px;margin:auto;padding:38px 28px 70px}.member-hero{min-height:260px;border-radius:24px;padding:45px;background:linear-gradient(120deg,#073c2f,#0a7655);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.member-hero:after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:#38bf8950;right:-100px;top:-210px}.member-hero h1{font-size:38px;max-width:600px;margin:10px 0}.member-hero p{color:#c6dfd6}.overline{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--m-accent)}.wallet-shortcut{background:#ffffff14;border:1px solid #ffffff35;border-radius:18px;padding:22px;width:280px;position:relative;z-index:1;backdrop-filter:blur(8px)}.wallet-shortcut span,.wallet-shortcut b,.wallet-shortcut small{display:block}.wallet-shortcut span{font-size:9px;letter-spacing:1.3px;color:#a9d5c5}.wallet-shortcut b{font:800 20px Manrope;margin:30px 0 7px}.wallet-shortcut small{color:#8de1bf}.benefit-section{margin-top:42px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{font-size:24px;margin:6px 0}.section-title>span{font-size:11px;color:var(--m-muted)}.member-coupons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.member-coupons article{background:#fff;border:1px solid #e2ebe7;border-radius:16px;display:grid;grid-template-columns:120px 1fr;overflow:hidden}.discount-value{background:#dff5ec;color:var(--m-green);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:2px dashed #b9d6ca}.discount-value b{font:800 28px Manrope}.discount-value span{font-size:9px;letter-spacing:2px}.member-coupons article>div+div{padding:20px}.member-coupons small,.member-partners small{color:var(--m-green);font-size:9px;letter-spacing:1px;font-weight:700}.member-coupons h3{margin:6px 0}.member-coupons p,.member-partners p{color:var(--m-muted);font-size:11px}.member-coupons button{margin-top:14px;border:1px dashed #abc8bc;background:#f3f8f6;color:var(--m-green);padding:8px 10px;border-radius:8px;font-weight:800;letter-spacing:1px}.member-coupons button span{font-weight:500;letter-spacing:0;margin-left:10px}.member-partners{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.member-partners article{background:#fff;border:1px solid #e1e9e5;border-radius:15px;padding:18px}.member-partners article>span{width:42px;height:42px;background:#e3f5ee;color:var(--m-green);display:grid;place-items:center;border-radius:11px;font-weight:800;margin-bottom:14px}.member-partners h3{margin:5px 0}.member-partners p{min-height:50px}.member-partners a{color:var(--m-green);font-size:10px;font-weight:700}.member-empty{background:#fff;border:1px dashed #c9d6d1;padding:30px;border-radius:14px;color:var(--m-muted)}.member-auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-side{background:linear-gradient(145deg,#063d2e,#0b7856);color:white;padding:70px;display:grid;align-items:center}.auth-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--m-green);color:#fff;font:800 23px Manrope}.auth-side .auth-mark{background:#fff;color:var(--m-green)}.auth-side h1{font-size:47px;max-width:520px;line-height:1.1}.auth-side p{color:#b7d7cb;font-size:16px;max-width:460px}.auth-form{background:white;display:grid;place-items:center;padding:35px}.auth-form form,.activate-card{width:min(420px,100%)}.auth-form h2{font-size:30px;margin:8px 0}.auth-form p,.activate-card p{color:var(--m-muted);margin-bottom:25px}.auth-form label,.activate-card label{font-size:11px;font-weight:700;display:block;margin:16px 0}.auth-form input,.activate-card input{width:100%;border:1px solid #d8e2dd;border-radius:10px;padding:13px;margin-top:7px;outline-color:var(--m-green)}.member-password{position:relative}.member-password input{padding-right:75px}.member-password button{position:absolute;right:7px;top:14px;border:0;background:#eaf5f1;color:var(--m-green);padding:7px;border-radius:7px;font-size:9px}.member-button{display:inline-flex;justify-content:center;width:100%;border:0;background:var(--m-green);color:white;border-radius:10px;padding:13px;font-weight:700;cursor:pointer}.auth-form form>small{display:block;text-align:center;color:var(--m-muted);margin-top:20px}.member-alert{background:#fcebe9;color:#bc554b;border-radius:9px;padding:11px}.activate-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#d9f5e9,transparent 35%),var(--m-bg)}.activate-card{background:white;border:1px solid #e1e9e5;border-radius:20px;padding:35px;box-shadow:0 25px 60px #174f3a18}.activate-card h1{font-size:28px}.member-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.member-strength i{height:4px;border-radius:4px;background:#e2e8e5}.member-strength span{grid-column:1/-1;color:var(--m-muted);font-size:9px}.member-strength[data-score="1"] i:nth-child(1){background:#db5c50}.member-strength[data-score="2"] i:nth-child(-n+2){background:#e3a32c}.member-strength[data-score="3"] i:nth-child(-n+3){background:#64a946}.member-strength[data-score="4"] i{background:#11966a}.card-fullscreen{min-height:calc(100vh - 78px);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--card-accent) 25%,transparent),transparent 35%),#e8efec;display:grid;place-items:center;padding:35px}.card-stage{width:min(940px,100%)}.digital-card{aspect-ratio:1.62/1;background:linear-gradient(145deg,var(--card-primary),color-mix(in srgb,var(--card-primary) 75%,black));color:white;border-radius:30px;padding:45px;position:relative;overflow:hidden;box-shadow:0 35px 80px color-mix(in srgb,var(--card-primary) 35%,transparent)}.card-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--card-accent);filter:blur(80px);opacity:.18;right:-250px;top:-250px}.digital-card header{display:flex;align-items:center;gap:12px;position:relative}.digital-card header>img,.digital-card header>strong{width:55px;height:55px;object-fit:contain;border-radius:14px;background:white;color:var(--card-primary);display:grid;place-items:center;font-size:25px}.digital-card header div b,.digital-card header div small{display:block}.digital-card header div b{font:800 18px Manrope}.digital-card header div small{font-size:9px;letter-spacing:1.6px;color:var(--card-accent)}.card-status{margin-left:auto;border:1px solid #ffffff33;border-radius:30px;padding:8px 12px;font-size:9px;color:var(--card-accent)}.card-person{display:flex;align-items:center;gap:25px;margin:55px 0 35px;position:relative}.card-person>img,.card-person>span{width:120px;height:120px;object-fit:cover;border-radius:24px;border:3px solid var(--card-accent);display:grid;place-items:center;background:#ffffff20;font:800 42px Manrope}.card-person small,.card-data small{color:var(--card-accent);font-size:9px;letter-spacing:1.3px}.card-person h1{font-size:30px;margin:5px 0}.card-person div>b{font-size:12px;letter-spacing:1.5px}.card-data{display:flex;gap:60px;border-top:1px solid #ffffff24;padding-top:22px}.card-data div{display:grid;gap:5px}.digital-card footer{position:absolute;bottom:35px;right:45px;left:45px;display:flex;align-items:end;justify-content:space-between}.digital-card footer>span{font-size:9px;color:#a9c7bb}.visual-code{width:63px;height:63px;background:white;border-radius:7px;padding:6px;display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.visual-code i.on{background:var(--card-primary)}.card-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.card-actions button,.card-actions a{border:1px solid #cad7d1;background:white;border-radius:10px;padding:11px 15px;cursor:pointer;color:#4d6058}.card-actions a{background:var(--card-primary);color:white}@media(max-width:850px){.member-header{padding:0 16px}.member-header nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #dfe8e4;justify-content:center;padding:8px;z-index:30}.member-user b{display:none}.member-main{padding:20px 15px 85px}.member-hero{padding:28px;display:block}.member-hero h1{font-size:29px}.wallet-shortcut{margin-top:28px}.member-coupons{grid-template-columns:1fr}.member-partners{grid-template-columns:repeat(2,1fr)}.member-auth{grid-template-columns:1fr}.auth-side{display:none}.auth-form{min-height:100vh}.digital-card{padding:25px;border-radius:20px}.card-person{margin:35px 0 20px}.card-person>img,.card-person>span{width:85px;height:85px}.card-person h1{font-size:20px}.card-data{gap:20px}.digital-card footer{bottom:20px;right:25px;left:25px}.card-actions{flex-wrap:wrap}}@media(max-width:520px){.member-partners{grid-template-columns:1fr}.digital-card{aspect-ratio:auto;min-height:500px}.digital-card header div small{display:none}.card-person{display:block}.card-person>img,.card-person>span{margin-bottom:15px}.card-data{display:grid;grid-template-columns:1fr 1fr}.visual-code{width:52px;height:52px}}
@media print{.member-header,.card-actions{display:none}.card-fullscreen{min-height:100vh;padding:0}.digital-card{box-shadow:none;width:100%;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
