:root {
  --m-forest:#071c18;--m-forest-2:#0d3129;--m-ink:#10231f;--m-muted:#71807a;--m-copper:#ef8b4d;--m-lime:#c9dc7c;--m-paper:#f3f3ed;--m-card:#fff;--m-line:#dfe3dc;--m-shadow:0 22px 70px rgba(15,40,33,.09);--m-radius:20px;--m-sans:"DM Sans","Segoe UI",sans-serif;--m-display:"Manrope","Segoe UI",sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--m-ink);background:var(--m-paper);font-family:var(--m-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit}.member-skip{position:fixed;top:-80px;left:16px;z-index:500;padding:12px 18px;background:#fff}.member-skip:focus{top:16px}::selection{color:var(--m-forest);background:var(--m-copper)}

/* Login */
.login-page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr);background:var(--m-forest)}
.login-visual{position:relative;min-height:100svh;overflow:hidden;color:#fff}.login-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.login-visual::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,24,20,.76),rgba(4,24,20,.06)),linear-gradient(0deg,rgba(4,24,20,.94),transparent 64%)}.login-visual::after{content:"";position:absolute;z-index:1;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.login-brand{position:absolute;z-index:2;top:45px;left:52px;display:flex;align-items:center;gap:15px}.login-brand span{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.login-brand img{width:42px;height:42px;object-fit:contain}.login-brand strong{font:700 12px/1.15 var(--m-display);text-transform:uppercase;letter-spacing:.12em}.login-copy{position:absolute;z-index:2;left:clamp(36px,6vw,90px);right:50px;bottom:clamp(250px,32vh,360px)}.login-copy .overline{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:rgba(255,255,255,.7);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.login-copy .overline::before{content:"";width:28px;height:1px;background:var(--m-copper)}.login-copy h1{max-width:780px;margin:0;font:700 clamp(58px,7vw,112px)/.9 var(--m-display);letter-spacing:-.07em}.login-copy h1 span{color:var(--m-copper)}.login-copy>p:last-child{max-width:520px;color:rgba(255,255,255,.65);font-size:17px;line-height:1.7}.login-status-card{position:absolute;z-index:2;left:clamp(36px,6vw,90px);right:50px;bottom:48px;display:grid;grid-template-columns:auto 1fr repeat(3,auto);gap:20px;align-items:center;padding:24px 28px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(6,31,26,.66);backdrop-filter:blur(18px)}.status-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--m-lime);border:1px solid rgba(201,220,124,.32);border-radius:50%}.status-icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.5}.login-status-card small{display:block;color:rgba(255,255,255,.48);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.login-status-card strong{display:block;margin-top:5px;font-size:14px}.status-metric{padding-left:20px;border-left:1px solid rgba(255,255,255,.15)}
.login-panel{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(46px,7vw,110px);background:#f5f4ee}.login-panel-inner{width:100%;max-width:480px;margin:auto}.login-kicker{margin:0 0 22px;color:var(--m-copper);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.login-panel h2{margin:0;font:700 clamp(42px,4vw,62px)/.98 var(--m-display);letter-spacing:-.055em}.login-lead{margin:18px 0 38px;color:var(--m-muted);line-height:1.65}.member-field{display:block;margin-bottom:20px}.member-field>span{display:block;margin-bottom:8px;color:#697771;font-size:11px;font-weight:700;letter-spacing:.06em}.input-wrap{position:relative}.member-field input,.member-field select,.member-field textarea{width:100%;height:58px;padding:0 16px;color:var(--m-ink);background:#fff;border:1px solid #d9dfd7;border-radius:11px;outline:none;transition:border .2s,box-shadow .2s}.member-field textarea{height:auto;padding:15px;resize:vertical}.member-field input:focus,.member-field select:focus,.member-field textarea:focus{border-color:#6e9689;box-shadow:0 0 0 4px rgba(64,114,97,.1)}.password-button{position:absolute;right:10px;top:10px;height:38px;padding:0 10px;color:var(--m-muted);background:transparent;border:0;cursor:pointer;font-size:12px}.login-options{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 28px;color:var(--m-muted);font-size:12px}.login-options label{display:flex;gap:8px;align-items:center}.login-options a{font-weight:600;color:var(--m-ink)}.member-primary-button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;color:#fff;background:var(--m-forest);border:0;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.member-primary-button:hover{transform:translateY(-2px);background:var(--m-forest-2)}.member-primary-button.copper{color:var(--m-forest);background:var(--m-copper)}.member-primary-button.full{width:100%}.member-primary-button:disabled{opacity:.65}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-help{margin-top:34px;padding-top:25px;border-top:1px solid var(--m-line);color:var(--m-muted);font-size:12px;line-height:1.6}.login-help a{font-weight:700;color:var(--m-ink)}.prototype-tag{position:absolute;right:28px;top:28px;padding:7px 11px;color:#75817c;border:1px solid var(--m-line);border-radius:100px;font-size:9px;letter-spacing:.11em;text-transform:uppercase}

/* App shell */
.member-app-page{min-height:100svh;background:var(--m-paper)}.member-sidebar{position:fixed;z-index:100;inset:0 auto 0 0;width:270px;display:flex;flex-direction:column;padding:28px 22px 22px;color:#fff;background:var(--m-forest);overflow-y:auto}.member-logo{display:flex;align-items:center;gap:13px;padding:0 8px 35px}.member-logo>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%}.member-logo img{width:35px;height:35px;object-fit:contain}.member-logo strong{font:700 10px/1.2 var(--m-display);letter-spacing:.13em;text-transform:uppercase}.member-navigation>p{margin:16px 13px 12px;color:rgba(255,255,255,.32);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.member-nav-link{min-height:52px;display:flex;align-items:center;gap:14px;padding:0 14px;margin:3px 0;color:rgba(255,255,255,.54);border-radius:11px;font-size:13px;font-weight:600;transition:.2s}.member-nav-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.member-nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}.member-nav-link.active{color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 3px 0 var(--m-copper)}.sidebar-lake-card{margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(135deg,rgba(30,81,67,.75),rgba(255,255,255,.03))}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--m-lime);border-radius:50%;box-shadow:0 0 0 5px rgba(201,220,124,.1)}.sidebar-lake-card small{color:rgba(255,255,255,.45);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.sidebar-lake-card strong{display:block;margin:12px 0 17px;font:600 16px var(--m-display)}.sidebar-lake-card a{display:flex;justify-content:space-between;color:rgba(255,255,255,.64);font-size:11px}.sidebar-user{display:grid;grid-template-columns:36px 1fr 25px;gap:10px;align-items:center;margin-top:15px;padding:14px 7px 2px;border-top:1px solid rgba(255,255,255,.08)}.avatar{display:grid;place-items:center;width:36px;height:36px;color:var(--m-forest);background:var(--m-copper);border-radius:50%;font-size:10px;font-weight:800}.sidebar-user strong{display:block;font-size:11px}.sidebar-user span{display:block;margin-top:3px;color:rgba(255,255,255,.4);font-size:9px}.sidebar-user button{color:rgba(255,255,255,.42);background:none;border:0}.member-main{min-height:100svh;margin-left:270px}.member-topbar{position:sticky;z-index:80;top:0;height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(25px,4vw,62px);background:rgba(243,243,237,.88);border-bottom:1px solid rgba(15,35,31,.08);backdrop-filter:blur(18px)}.topbar-path{color:#8c9993;font-size:11px;margin-right:5px}.member-topbar>div>strong{font-size:12px}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid var(--m-line);border-radius:50%;cursor:pointer}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.icon-button i{position:absolute;right:5px;top:4px;width:7px;height:7px;background:var(--m-copper);border:2px solid #fff;border-radius:50%}.mini-profile{height:42px;display:flex;align-items:center;gap:9px;padding:0 13px 0 4px;background:#fff;border:1px solid var(--m-line);border-radius:100px;font-size:11px}.mini-profile .avatar{width:32px;height:32px}.sidebar-toggle{display:none;background:none;border:0}.member-content{max-width:1540px;margin:0 auto;padding:clamp(28px,4.5vw,70px)}.member-bottom-nav{display:none}

/* Common member UI */
.member-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.member-page-head .eyebrow{margin:0 0 12px;color:var(--m-copper);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.member-page-head h1{margin:0;font:700 clamp(38px,4vw,62px)/1 var(--m-display);letter-spacing:-.055em}.member-page-head p{max-width:590px;margin:12px 0 0;color:var(--m-muted);font-size:14px;line-height:1.6}.date-pill{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--m-line);border-radius:100px;color:var(--m-muted);font-size:11px}.date-pill span{width:8px;height:8px;background:var(--m-lime);border-radius:50%}.m-grid{display:grid;gap:18px}.m-grid.cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.member-card{position:relative;padding:25px;background:var(--m-card);border:1px solid rgba(15,35,31,.07);border-radius:var(--m-radius);box-shadow:0 8px 30px rgba(16,35,31,.035)}.card-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.card-label>span:first-child{color:var(--m-muted);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.card-label a,.card-label button{color:var(--m-ink);background:none;border:0;font-size:10px;font-weight:700;cursor:pointer}.m-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}.m-reveal.is-visible{opacity:1;transform:none}.member-toast{position:fixed;z-index:600;right:28px;bottom:28px;display:flex;align-items:center;gap:12px;max-width:390px;padding:15px 19px;color:#fff;background:var(--m-forest);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.25);font-size:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.member-toast.show{opacity:1;transform:none}.member-toast>span{width:24px;height:24px;display:grid;place-items:center;color:var(--m-forest);background:var(--m-lime);border-radius:50%;font-weight:800}.member-toast.info>span{background:var(--m-copper)}

/* Overview */
.welcome-hero{position:relative;min-height:390px;overflow:hidden;padding:38px;color:#fff;background:var(--m-forest);border-radius:24px}.welcome-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center}.welcome-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,19,.9),rgba(3,24,19,.22)),linear-gradient(0deg,rgba(3,24,19,.65),transparent)}.welcome-content{position:relative;z-index:2;max-width:550px}.welcome-content .live-label{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:rgba(8,31,26,.55);border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.welcome-content .live-label i{width:7px;height:7px;background:var(--m-lime);border-radius:50%}.welcome-content h2{margin:72px 0 14px;font:700 clamp(40px,4.4vw,68px)/.94 var(--m-display);letter-spacing:-.06em}.welcome-content p{max-width:420px;color:rgba(255,255,255,.65);font-size:13px;line-height:1.65}.welcome-actions{display:flex;gap:10px;margin-top:24px}.member-ghost-button{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 17px;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:11px;font-weight:700;backdrop-filter:blur(10px)}.hero-weather{position:absolute;z-index:2;right:28px;bottom:26px;display:flex;gap:22px;padding:16px 20px;background:rgba(6,28,23,.64);border:1px solid rgba(255,255,255,.14);border-radius:14px;backdrop-filter:blur(14px)}.hero-weather div{padding-right:22px;border-right:1px solid rgba(255,255,255,.15)}.hero-weather div:last-child{padding-right:0;border:0}.hero-weather small{display:block;color:rgba(255,255,255,.43);font-size:8px;text-transform:uppercase}.hero-weather strong{display:block;margin-top:5px;font-size:13px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action{min-height:104px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;background:#fff;border:1px solid var(--m-line);border-radius:14px;transition:transform .2s,box-shadow .2s}.quick-action:hover{transform:translateY(-3px);box-shadow:var(--m-shadow)}.quick-action svg{width:21px;height:21px;fill:none;stroke:var(--m-copper);stroke-width:1.5}.quick-action span{font-size:11px;font-weight:700}.digital-card-stack{position:relative;min-height:310px;overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 10%,#245d4d,var(--m-forest) 56%)}.digital-card-stack::before{content:"";position:absolute;width:350px;height:350px;right:-170px;top:-160px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.03),0 0 0 80px rgba(255,255,255,.02)}.digital-card-head{display:flex;justify-content:space-between;align-items:flex-start}.digital-card-head img{width:50px;height:50px;object-fit:contain}.digital-card-head span{color:var(--m-lime);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.digital-card-stack h3{margin:70px 0 4px;font:600 26px var(--m-display)}.digital-card-stack p{margin:0;color:rgba(255,255,255,.5);font-size:11px}.membership-number{display:flex;justify-content:space-between;align-items:end;margin-top:30px}.membership-number small{color:rgba(255,255,255,.35);font-size:8px;text-transform:uppercase}.membership-number strong{font:500 15px var(--m-display);letter-spacing:.15em}.qr-fake{width:48px;height:48px;background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0/8px 8px;opacity:.8}.next-event{min-height:310px;display:flex;flex-direction:column;background:#dfe5d8}.event-date-big{display:flex;align-items:baseline;gap:8px}.event-date-big strong{font:700 72px/1 var(--m-display);letter-spacing:-.08em}.event-date-big span{color:var(--m-copper);font-size:11px;font-weight:700;text-transform:uppercase}.next-event h3{margin:auto 0 7px;font:600 25px var(--m-display)}.next-event p{margin:0;color:var(--m-muted);font-size:11px}.news-list{display:grid}.news-item{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--m-line)}.news-item:first-child{border-top:0}.news-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--m-copper);background:#f0f1eb;border-radius:12px}.news-icon svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.news-item h4{margin:0 0 4px;font-size:12px}.news-item p{margin:0;color:var(--m-muted);font-size:10px}.news-item time{color:#9ba59f;font-size:9px}.mini-catch-chart{height:165px;display:flex;align-items:flex-end;gap:8px;padding-top:15px}.mini-catch-chart i{position:relative;flex:1;height:var(--h);background:#dfe6de;border-radius:5px 5px 2px 2px}.mini-catch-chart i.active{background:var(--m-copper)}.mini-catch-chart i::after{content:attr(data-label);position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);color:#8b9792;font:8px var(--m-sans)}.chart-total{display:flex;justify-content:space-between;align-items:end}.chart-total strong{font:700 42px var(--m-display);letter-spacing:-.05em}.chart-total span{color:var(--m-muted);font-size:10px}

/* Lake page */
.lake-command{position:relative;min-height:440px;overflow:hidden;padding:36px;color:#fff;background:var(--m-forest);border-radius:24px}.lake-command>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lake-command::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,18,.92),rgba(3,22,18,.14)),linear-gradient(0deg,rgba(3,22,18,.75),transparent)}.lake-command-content{position:relative;z-index:2;max-width:650px}.lake-open{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;background:rgba(9,44,36,.68);border:1px solid rgba(201,220,124,.3);border-radius:100px;color:var(--m-lime);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lake-open i{width:7px;height:7px;background:currentColor;border-radius:50%;box-shadow:0 0 0 5px rgba(201,220,124,.1)}.lake-command h2{margin:78px 0 10px;font:700 clamp(48px,5.5vw,82px)/.92 var(--m-display);letter-spacing:-.065em}.lake-command p{max-width:470px;color:rgba(255,255,255,.6);font-size:13px;line-height:1.65}.lake-metrics{position:absolute;z-index:2;left:36px;right:36px;bottom:30px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.17)}.lake-metric{padding:17px 15px 0 0}.lake-metric small{display:block;color:rgba(255,255,255,.4);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.lake-metric strong{display:block;margin-top:7px;font-size:15px}.status-timeline{position:relative;padding-left:24px}.status-timeline::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--m-line)}.status-row{position:relative;padding:0 0 24px 13px}.status-row::before{content:"";position:absolute;left:-23px;top:5px;width:9px;height:9px;background:#fff;border:2px solid var(--m-copper);border-radius:50%}.status-row.good::before{border-color:#8eab69}.status-row time{color:var(--m-muted);font-size:9px}.status-row h4{margin:5px 0;font-size:12px}.status-row p{margin:0;color:var(--m-muted);font-size:10px;line-height:1.5}.guest-card-flow{overflow:hidden}.guest-form-step,.guest-confirm-step{transition:.35s}.guest-confirm-step{display:none}.guest-card-flow.confirming .guest-form-step{display:none}.guest-card-flow.confirming .guest-confirm-step{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-field{display:block;margin-bottom:14px}.compact-field span{display:block;margin-bottom:6px;color:var(--m-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.compact-field input,.compact-field select{width:100%;height:48px;padding:0 13px;background:#f7f7f3;border:1px solid var(--m-line);border-radius:10px;outline:none}.compact-field input:focus,.compact-field select:focus{border-color:#6e9689}.guest-summary{display:flex;flex-direction:column;align-items:center;padding:30px;margin:10px 0 22px;background:#f1f2ec;border-radius:14px}.guest-summary::before{content:"GÄSTKORT";color:var(--m-copper);font-size:9px;font-weight:800;letter-spacing:.16em}.guest-summary strong{margin-top:22px;font:600 25px var(--m-display)}.guest-summary span{margin-top:5px;color:var(--m-muted);font-size:11px}.button-row{display:flex;gap:9px;flex-wrap:wrap}.member-secondary-button{min-height:46px;padding:0 18px;background:#fff;border:1px solid var(--m-line);border-radius:100px;font-size:11px;font-weight:700;cursor:pointer}.member-accordion{border-top:1px solid var(--m-line)}.member-accordion-item{border-bottom:1px solid var(--m-line)}.member-accordion-trigger{width:100%;min-height:66px;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;cursor:pointer;font-size:11px;font-weight:700}.member-accordion-trigger i{font-style:normal;color:var(--m-copper);font-size:17px;transition:.25s}.member-accordion-item.open i{transform:rotate(45deg)}.member-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s}.member-accordion-content p{margin:0 0 17px;color:var(--m-muted);font-size:10px;line-height:1.6}.member-accordion-item.open .member-accordion-content{max-height:150px}

/* Catch journal */
.stat-card{min-height:150px;display:flex;flex-direction:column}.stat-card .stat-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--m-copper);background:#f1f2ec;border-radius:10px}.stat-icon svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.stat-card strong{margin-top:auto;font:700 38px var(--m-display);letter-spacing:-.055em}.stat-card small{color:var(--m-muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.journal-chart{min-height:330px}.chart-header{display:flex;justify-content:space-between;align-items:flex-start}.chart-header h3{margin:0;font:600 24px var(--m-display)}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{min-height:31px;padding:0 12px;color:var(--m-muted);background:#f2f3ee;border:1px solid transparent;border-radius:100px;font-size:9px;font-weight:700;cursor:pointer}.filter-chip.active{color:#fff;background:var(--m-forest)}.big-chart{height:220px;margin-top:35px}.big-chart svg{width:100%;height:100%;overflow:visible}.big-chart .grid{stroke:#e2e5df;stroke-width:1}.big-chart .line{fill:none;stroke:var(--m-copper);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.big-chart .area{fill:url(#areaGradient)}.big-chart .point{fill:#fff;stroke:var(--m-copper);stroke-width:3}.journal-list{padding:0;overflow:hidden}.journal-head,.catch-row{display:grid;grid-template-columns:90px 1.3fr .8fr .7fr .7fr 45px;gap:15px;align-items:center}.journal-head{padding:15px 22px;color:var(--m-muted);background:#f5f5f1;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.catch-row{padding:17px 22px;border-top:1px solid var(--m-line);font-size:11px}.catch-row:first-of-type{border-top:0}.catch-date strong{display:block}.catch-date span{color:var(--m-muted);font-size:9px}.species{display:flex;align-items:center;gap:12px;font-weight:700}.species-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--m-copper);background:#f1f2ec;border-radius:50%;font-size:18px}.released-badge{display:inline-flex;padding:5px 8px;color:#597256;background:#e8f0df;border-radius:100px;font-size:8px;font-weight:800}.kept-badge{color:#986041;background:#fae9dc}.row-menu{background:none;border:0;color:var(--m-muted)}.catch-dialog{width:min(680px,92vw);padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.3)}.catch-dialog::backdrop{background:rgba(5,25,20,.75);backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--m-line)}.dialog-head h2{margin:0;font:600 23px var(--m-display)}.dialog-head button{width:36px;height:36px;background:#f2f3ee;border:0;border-radius:50%;cursor:pointer}.catch-form{padding:25px}.catch-form .form-row{grid-template-columns:repeat(2,1fr)}.catch-form .button-row{justify-content:flex-end;margin-top:20px}.upload-drop{min-height:90px;display:grid;place-items:center;padding:15px;color:var(--m-muted);border:1px dashed #c9d0c8;border-radius:12px;font-size:10px;text-align:center}

/* Feed */
.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.feed-stream{display:grid;gap:16px}.feed-post{padding:0;overflow:hidden}.feed-post-head{display:flex;align-items:center;gap:11px;padding:20px 22px}.feed-post-head .avatar{width:38px;height:38px}.feed-post-head strong{display:block;font-size:11px}.feed-post-head span{display:block;margin-top:3px;color:var(--m-muted);font-size:9px}.feed-post-head>button{margin-left:auto;background:none;border:0;color:var(--m-muted)}.feed-post-copy{padding:0 22px 18px}.feed-post-copy h2{margin:0 0 10px;font:600 clamp(22px,2.5vw,32px)/1.14 var(--m-display);letter-spacing:-.035em}.feed-post-copy p{margin:0;color:#596963;font-size:12px;line-height:1.7}.feed-image{width:100%;max-height:520px;object-fit:cover}.feed-actions{display:flex;gap:8px;padding:14px 22px 18px}.feed-actions button{min-height:34px;padding:0 12px;color:var(--m-muted);background:#f3f4ef;border:0;border-radius:100px;font-size:10px;cursor:pointer}.feed-actions button.liked{color:#b2523c;background:#fae9df}.feed-side{display:grid;align-content:start;gap:16px}.compact-event{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:14px 0;border-top:1px solid var(--m-line)}.compact-event:first-of-type{border-top:0}.compact-date{height:52px;display:grid;place-items:center;align-content:center;color:var(--m-forest);background:#e6eade;border-radius:10px}.compact-date strong{font:700 19px/1 var(--m-display)}.compact-date span{font-size:8px;text-transform:uppercase}.compact-event h4{margin:5px 0 4px;font-size:11px}.compact-event p{margin:0;color:var(--m-muted);font-size:9px}.member-faces{display:flex;margin:12px 0 18px}.member-faces .avatar{margin-left:-8px;border:3px solid #fff}.member-faces .avatar:first-child{margin-left:0}.side-copy{color:var(--m-muted);font-size:10px;line-height:1.6}

@media(max-width:1180px){.span-8,.span-7{grid-column:span 12}.span-5,.span-4{grid-column:span 6}.span-3{grid-column:span 6}.hero-weather{display:none}.feed-layout{grid-template-columns:1fr}.feed-side{grid-template-columns:1fr 1fr}.login-status-card{grid-template-columns:auto 1fr}.status-metric{display:none}}
@media(max-width:860px){.login-page{grid-template-columns:1fr}.login-visual{min-height:430px}.login-copy{bottom:55px}.login-copy h1{font-size:clamp(50px,12vw,80px)}.login-copy>p:last-child,.login-status-card{display:none}.login-panel{min-height:auto;padding:70px 28px}.prototype-tag{position:static;display:inline-flex;margin-bottom:25px}.member-sidebar{transform:translateX(-100%);transition:transform .3s}.member-menu-open .member-sidebar{transform:none;box-shadow:30px 0 80px rgba(0,0,0,.25)}.member-menu-open::after{content:"";position:fixed;z-index:90;inset:0;background:rgba(4,25,20,.55)}.member-main{margin-left:0;padding-bottom:76px}.member-topbar{height:68px;padding:0 18px}.topbar-path,.mini-profile b{display:none}.sidebar-toggle{width:40px;height:40px;display:block;padding:9px}.sidebar-toggle span{display:block;width:22px;height:1px;margin:6px;background:var(--m-ink)}.member-bottom-nav{position:fixed;z-index:85;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);height:70px;padding:7px 5px max(7px,env(safe-area-inset-bottom));background:rgba(255,255,255,.94);border-top:1px solid var(--m-line);backdrop-filter:blur(15px)}.member-bottom-nav .member-nav-link{min-height:auto;flex-direction:column;justify-content:center;gap:4px;padding:0;margin:0;font-size:8px;color:var(--m-muted);background:none;box-shadow:none}.member-bottom-nav .member-nav-link.active{color:var(--m-copper);background:none;box-shadow:none}.member-bottom-nav .member-nav-link svg{width:19px;height:19px}.member-content{padding:28px 18px 35px}.member-page-head{align-items:flex-start;flex-direction:column}.date-pill{display:none}.quick-actions{grid-template-columns:1fr 1fr}.lake-metrics{grid-template-columns:1fr 1fr;gap:10px}.lake-metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:10px}.journal-head{display:none}.catch-row{grid-template-columns:65px 1fr auto;padding:14px}.catch-row>:nth-child(3),.catch-row>:nth-child(4),.catch-row>:nth-child(5){display:none}.feed-side{grid-template-columns:1fr}.member-toast{left:16px;right:16px;bottom:86px}.login-brand{left:28px;top:28px}}
@media(max-width:620px){.m-grid.cols-12{grid-template-columns:1fr}.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:auto}.member-page-head h1{font-size:40px}.welcome-hero{min-height:470px;padding:24px}.welcome-content h2{margin-top:70px;font-size:43px}.welcome-actions{align-items:flex-start;flex-direction:column}.quick-actions{grid-template-columns:1fr 1fr}.digital-card-stack,.next-event{min-height:280px}.lake-command{min-height:560px;padding:24px}.lake-command h2{margin-top:75px;font-size:53px}.lake-metrics{left:24px;right:24px}.form-row,.catch-form .form-row{grid-template-columns:1fr}.stat-card{min-height:125px}.chart-header{gap:15px;flex-direction:column}.journal-chart{min-height:380px}.catch-dialog{width:calc(100vw - 20px)}.feed-post-copy h2{font-size:24px}.login-visual{min-height:390px}.login-copy{left:28px;right:28px}.login-copy h1{font-size:50px}.login-brand strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.m-reveal{opacity:1;transform:none}}/* Catch dialog refinement */
.catch-form>.compact-field{width:100%}
.catch-form .compact-field textarea{box-sizing:border-box;width:100%;min-height:118px;padding:14px 15px;color:var(--m-ink);background:#f7f7f3;border:1px solid var(--m-line);border-radius:10px;outline:none;font:400 16px/1.55 var(--m-sans);resize:vertical}
.catch-form .compact-field textarea:focus{border-color:#6e9689;box-shadow:0 0 0 4px rgba(64,114,97,.09)}
.catch-upload{width:100%;min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px;color:var(--m-ink);background:#fbfcf9;border:1.5px dashed #b7c2ba;border-radius:14px;font-family:var(--m-sans);cursor:pointer;transition:.2s}
.catch-upload:hover,.catch-upload:focus-visible{background:#f1f5ef;border-color:#6e9689;outline:none}
.catch-upload .member-svg-icon{width:26px;height:26px;margin-bottom:3px;color:var(--m-copper)}
.catch-upload strong{font-size:15px}
.catch-upload small{color:var(--m-muted);font-size:13px;line-height:1.5}
@media(max-width:620px){.catch-form{padding:22px 18px}.dialog-head{padding:19px 20px}.catch-form .button-row{display:grid;grid-template-columns:1fr 1fr}.catch-form .button-row>*{width:100%;padding-inline:12px}}
.catch-form .compact-field textarea{min-height:100px}.catch-upload{min-height:100px;padding-block:15px}
@media(max-width:620px){.catch-dialog .dialog-head{position:sticky;z-index:3;top:0;background:#fff}.catch-dialog .catch-form{padding-bottom:112px}.catch-dialog .catch-form .button-row{position:fixed;z-index:4;left:20px;right:20px;bottom:20px;margin:0;padding:14px 18px 18px;background:rgba(255,255,255,.97);border-top:1px solid var(--m-line);border-radius:0 0 18px 18px;box-shadow:0 -12px 28px rgba(16,35,31,.06);backdrop-filter:blur(10px)}}
.species-icon .member-svg-icon{width:23px;height:23px;stroke-width:1.8}

/* Mörtsjön: keep status, narrative and weather data clearly separated */
body[data-member-page="lake"] .lake-command{min-height:520px}
body[data-member-page="lake"] .lake-command h2{margin-top:62px;font-size:clamp(52px,5vw,78px)}
body[data-member-page="lake"] .lake-command p{max-width:520px;margin-bottom:0;color:rgba(255,255,255,.78)}
body[data-member-page="lake"] .lake-metric small{color:rgba(255,255,255,.68)}
body[data-member-page="lake"] .lake-status-card{min-width:0;overflow:hidden}
body[data-member-page="lake"] .lake-status-card .card-label{align-items:flex-start;gap:12px;flex-wrap:wrap}
body[data-member-page="lake"] .lake-status-card .card-label button{margin-left:auto}
body[data-member-page="lake"] .status-row p{overflow-wrap:anywhere}

@media(min-width:621px) and (max-width:1320px){
  body[data-member-page="lake"] .lake-command,
  body[data-member-page="lake"] .lake-status-card{grid-column:1/-1}
  body[data-member-page="lake"] .lake-status-card .status-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-left:0}
  body[data-member-page="lake"] .lake-status-card .status-timeline::before{display:none}
  body[data-member-page="lake"] .lake-status-card .status-row{min-width:0;padding:0 16px 0 20px;border-left:1px solid var(--m-line)}
  body[data-member-page="lake"] .lake-status-card .status-row::before{left:-6px}
}
@media(max-width:620px){
  body[data-member-page="lake"] .lake-command{min-height:610px}
  body[data-member-page="lake"] .lake-command h2{margin-top:58px;font-size:clamp(44px,13vw,54px)}
}
.hero-weather{pointer-events:none}
.member-action-dialog{width:min(520px,calc(100vw - 28px));padding:0;border:0;border-radius:20px;box-shadow:0 28px 80px rgba(4,26,21,.3)}
.member-action-dialog::backdrop{background:rgba(4,26,21,.62);backdrop-filter:blur(3px)}
.member-action-body{display:grid;gap:14px;padding:24px}
.member-action-body>p{margin:0;color:var(--m-muted);font-size:14px;line-height:1.6}
.member-action-body .admin-dialog-actions{padding:8px 0 0}
.member-copy-code{width:100%;min-height:96px;padding:14px;resize:vertical;color:var(--m-forest);background:#f2f4ef;border:1px solid var(--m-line);border-radius:12px;font:12px/1.5 ui-monospace,monospace}
.member-topic-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.member-topic-list li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--m-line)}
.saved-remove,.guest-history-link{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;color:var(--m-copper);background:transparent;border:1px solid var(--m-line);border-radius:999px;font-size:10px;font-weight:700}
.upload-drop[role=button]{cursor:pointer}
.upload-drop[role=button]:focus-visible{outline:3px solid rgba(170,92,49,.28);outline-offset:4px}
.inspection-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.scanner-frame{position:relative;overflow:hidden}
.scanner-frame .scanner-line{z-index:2}
.filter-chip.active,.member-outline-button.active{border-color:var(--m-copper);color:var(--m-copper);background:rgba(170,92,49,.08)}
@media(max-width:620px){.member-action-dialog{border-radius:16px}.member-action-body{padding:18px}}

/* Interactive catch-journal chart */
.journal-chart .big-chart{position:relative;isolation:isolate}
.journal-chart .big-chart .line,.journal-chart .big-chart .area{transition:d .32s ease}
.journal-chart-points{position:absolute;inset:0;z-index:2;pointer-events:none}
.journal-chart-point{position:absolute;width:16px;height:16px;aspect-ratio:1;box-sizing:border-box;padding:0;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--m-copper);border-radius:50%;box-shadow:0 2px 8px rgba(46,67,58,.14);cursor:pointer;pointer-events:auto;transition:width .18s,height .18s,background .18s,box-shadow .18s}
.journal-chart-point:hover,.journal-chart-point:focus-visible,.journal-chart-point.selected{width:20px;height:20px;background:var(--m-copper);box-shadow:0 0 0 5px rgba(239,139,77,.18)}
.journal-chart-point:focus-visible{outline:2px solid var(--m-forest);outline-offset:4px}
.journal-chart-tooltip{position:absolute;z-index:4;min-width:max-content;padding:7px 10px;transform:translate(-50%,calc(-100% - 13px));color:#fff;background:var(--m-forest);border-radius:8px;font-size:11px;font-weight:700;line-height:1.2;pointer-events:none}
.journal-chart-tooltip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--m-forest)}
.journal-chart-months{display:grid;grid-template-columns:repeat(6,1fr);margin-top:10px;color:var(--m-muted);font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.08em}
.journal-chart-months span:first-child{text-align:left}
.journal-chart-months span:last-child{text-align:right}
.journal-new-row{animation:journal-row-in .35s ease both}
@keyframes journal-row-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.page-actions [aria-busy="true"]{cursor:wait;opacity:.72}
.page-actions [data-toast-message*="Dagboken"] span{font-size:16px;line-height:1}
@media(max-width:620px){
  .journal-chart .big-chart{height:210px;margin-top:24px}
  .journal-chart-point{width:14px;height:14px;border-width:2px}
  .journal-chart-point:hover,.journal-chart-point:focus-visible,.journal-chart-point.selected{width:18px;height:18px}
  body[data-member-page="catch"] .page-actions>*{min-width:0;padding-inline:13px;font-size:12px}
}

body[data-member-page="catch"] .page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body[data-member-page="catch"] .page-actions button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:999px;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
body[data-member-page="catch"] .page-actions .member-outline-button{color:var(--m-ink);background:#fff;border:1px solid var(--m-line)}
body[data-member-page="catch"] .page-actions .member-outline-button:hover{border-color:var(--m-copper);transform:translateY(-1px)}
@media(max-width:620px){
  body[data-member-page="catch"] .page-actions{width:100%}
  body[data-member-page="catch"] .page-actions button{min-height:52px;flex:1;padding-inline:12px;font-size:12px}
}

.feed-post-head>.avatar{display:grid;place-items:center;flex:0 0 38px;margin-top:0;color:var(--m-forest);font-size:10px;font-weight:800;line-height:1}

/* Finished digital membership card */
.digital-card-stack{display:flex;min-height:390px;flex-direction:column;padding:28px}
.digital-card-stack>*{position:relative;z-index:1}
.digital-card-stack .digital-card-head img{width:54px;height:54px}
.digital-card-stack .digital-card-head>span{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;color:var(--m-lime);background:rgba(201,220,124,.08);border:1px solid rgba(201,220,124,.22);border-radius:999px;font-size:9px;font-weight:800}
.digital-card-body{margin-top:42px}
.digital-card-kicker{display:block;color:rgba(255,255,255,.42);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.digital-card-stack .digital-card-body h3{margin:10px 0 7px;font:650 clamp(23px,2.4vw,30px)/1.05 var(--m-display);letter-spacing:-.035em}
.digital-card-stack .digital-card-body p{max-width:310px;margin:0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.55}
.digital-card-access{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.digital-card-access span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:9px;font-weight:700}
.digital-card-stack .membership-number{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.membership-number>div{display:grid;gap:6px}
.digital-card-stack .membership-number small{display:block;margin:0;color:rgba(255,255,255,.4);font-size:8px;font-weight:700;letter-spacing:.12em}
.digital-card-stack .membership-number strong{display:block;font:600 16px/1 var(--m-display);letter-spacing:.12em}
.digital-card-verify{display:grid;grid-template-columns:48px auto;gap:10px;align-items:center;color:#fff}
.digital-card-verify span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.digital-card-stack .qr-fake{display:block;width:48px;height:48px;box-sizing:border-box;background-color:#082c24;border:5px solid #fff;border-radius:4px;opacity:1}
.digital-card-verify:hover span{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){
  .digital-card-stack{min-height:360px;padding:24px}
  .digital-card-body{margin-top:34px}
  .digital-card-stack .membership-number{padding-top:18px}
}

/* Compact overview shortcut/news row */
.overview-shortcuts{display:flex;min-height:220px;flex-direction:column}
.overview-shortcuts .card-label{margin-bottom:16px}
.overview-shortcuts .quick-actions{flex:1;align-items:stretch}
.overview-shortcuts .quick-action{min-height:0;justify-content:space-between}
.next-event{min-height:220px;display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:18px;align-items:end}
.next-event .card-label{grid-column:1/-1;grid-row:1;margin-bottom:18px}
.next-event .event-date-big{grid-column:1;grid-row:2/4;align-self:center;display:grid;gap:4px}
.next-event .event-date-big strong{font-size:58px}
.next-event h3{grid-column:2;grid-row:2;align-self:end;margin:0 0 7px}
.next-event p{grid-column:2;grid-row:3}
@media(max-width:620px){
  .overview-shortcuts{min-height:auto}
  .overview-shortcuts .quick-actions{grid-template-columns:1fr 1fr}
  .overview-shortcuts .quick-action{min-height:110px}
  .next-event{min-height:210px;grid-template-columns:72px minmax(0,1fr);column-gap:14px}
  .next-event .event-date-big strong{font-size:50px}
}

/* Overview card payments */
.digital-card-payment{appearance:none;padding:0;color:#fff;background:none;border:0;text-align:left;cursor:pointer}
.digital-card-payment:focus-visible{outline:2px solid var(--m-lime);outline-offset:5px;border-radius:8px}
.digital-card-action-copy{display:grid;gap:4px;align-content:center}
.digital-card-verify .digital-card-action-copy small{margin:0;color:rgba(255,255,255,.48);font-size:8px;font-weight:700;line-height:1;letter-spacing:.09em;text-transform:uppercase}
.digital-card-verify>.member-svg-icon{box-sizing:border-box;width:48px;height:48px;padding:12px;color:var(--m-forest);background:#fff;border-radius:13px;stroke-width:1.7}
.digital-card-verify .digital-card-action-copy strong{margin:0;color:#fff;font:800 10px/1 var(--m-sans);letter-spacing:.04em;text-transform:uppercase}
.swish-action-icon{position:relative;width:48px;height:48px;display:grid;place-items:center;background:#fff;border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.swish-logo-mark{width:31px;height:31px;display:block;overflow:hidden}
.swish-logo-mark img{width:auto;max-width:none;height:31px;display:block}
.swish-action-icon img{pointer-events:none}
.swish-action-icon b{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;color:#281638;background:#c8dc7c;border:2px solid var(--m-forest);border-radius:999px;font:800 9px/1 var(--m-sans)}
.digital-card-payment:hover .swish-action-icon{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.swish-action-icon{transition:transform .2s,box-shadow .2s}

.card-payment-dialog{width:min(610px,calc(100vw - 28px));max-height:min(880px,calc(100dvh - 28px));padding:0;overflow:auto;color:var(--m-ink);background:#fff;border:0;border-radius:24px;box-shadow:0 36px 110px rgba(2,24,19,.38)}
.card-payment-dialog::backdrop{background:rgba(3,24,19,.76);backdrop-filter:blur(8px)}
.card-payment-head{display:flex;align-items:center;gap:12px;padding:20px 24px;color:#fff;background:var(--m-forest)}
.swish-brand{width:102px;height:44px;display:grid;place-items:center;background:#fff;border-radius:13px}
.swish-brand img{width:82px;height:auto;display:block}
.card-payment-head>div:nth-child(2){display:grid;gap:2px}
.card-payment-head small{color:rgba(255,255,255,.58);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.card-payment-head strong{font:700 18px/1 var(--m-display)}
.card-payment-head button{width:38px;height:38px;margin-left:auto;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:50%;font-size:21px;cursor:pointer}
.card-payment-body{padding:27px}
.card-payment-intro{margin-bottom:22px}
.payment-secure-badge{display:inline-flex;align-items:center;gap:7px;color:#55754e;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.payment-secure-badge i{width:7px;height:7px;background:#81a563;border-radius:50%;box-shadow:0 0 0 4px rgba(129,165,99,.12)}
.card-payment-intro h2,.card-payment-success h2{margin:10px 0 8px;font:650 clamp(27px,4vw,35px)/1.05 var(--m-display);letter-spacing:-.045em}
.card-payment-intro p,.card-payment-success>p{max-width:480px;margin:0;color:var(--m-muted);font-size:13px;line-height:1.6}
.payment-options{display:grid;gap:9px}
.payment-option{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:15px;background:#f7f8f4;border:1px solid var(--m-line);border-radius:14px;cursor:pointer}
.payment-option:has(input:checked){background:#f2f6ef;border-color:#a8bba9}
.payment-option input{position:absolute;opacity:0;pointer-events:none}
.payment-option-check{width:22px;height:22px;display:grid;place-items:center;color:transparent;background:#fff;border:1px solid #bdc7c0;border-radius:7px;font-size:12px;font-weight:800}
.payment-option input:checked+.payment-option-check{color:#fff;background:var(--m-forest);border-color:var(--m-forest)}
.payment-option-copy{display:grid;gap:4px}.payment-option-copy strong{font-size:13px}.payment-option-copy small{color:var(--m-muted);font-size:10px;line-height:1.4}.payment-option>strong{font-size:13px;white-space:nowrap}
.payment-summary{display:flex;justify-content:space-between;align-items:center;padding:17px 3px 20px;margin-bottom:20px;border-bottom:1px solid var(--m-line)}
.payment-summary span{color:var(--m-muted);font-size:11px;font-weight:700}.payment-summary strong{font:700 23px/1 var(--m-display)}
.payment-phone{display:block}.payment-phone>span{display:block;margin-bottom:8px;font-size:11px;font-weight:800}.payment-phone-input{height:54px;display:flex;align-items:center;background:#fff;border:1px solid #bfc9c2;border-radius:12px;overflow:hidden}.payment-phone-input:focus-within{border-color:#527665;box-shadow:0 0 0 4px rgba(82,118,101,.11)}
.payment-phone-input>span{padding:0 13px;color:#53635d;border-right:1px solid var(--m-line);font-size:13px;font-weight:800}.payment-phone input{min-width:0;flex:1;height:100%;padding:0 14px;color:var(--m-ink);background:transparent;border:0;outline:0;font:600 16px var(--m-sans)}
.payment-phone input[aria-invalid=true]{background:#fff5f3}.payment-phone>small{display:block;margin-top:7px;color:var(--m-muted);font-size:10px;line-height:1.5}.payment-phone>em{display:block;min-height:18px;margin-top:5px;color:#a3483d;font-size:10px;font-style:normal;font-weight:700}
.payment-trust{display:flex;gap:11px;padding:14px;margin-top:15px;color:#53645c;background:#f1f5ef;border-radius:12px;font-size:10px;line-height:1.5}.payment-trust svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7}.payment-trust span{display:grid;gap:2px}.payment-trust strong{color:var(--m-ink);font-size:10px}
.card-payment-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.payment-submit{display:inline-flex;align-items:center;gap:9px;background:var(--m-forest)}.payment-submit:hover{background:#16483b}.payment-submit:disabled{cursor:not-allowed;opacity:.45}.payment-submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.card-payment-success{padding:46px 34px;text-align:center}.payment-success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;color:#fff;background:#668a5b;border-radius:50%;box-shadow:0 0 0 9px rgba(102,138,91,.1);font-size:26px}.card-payment-success .payment-secure-badge{justify-content:center}.card-payment-success>p{margin-inline:auto}.payment-success-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;text-align:left}.payment-success-facts>div{display:grid;gap:6px;padding:14px;background:#f4f6f1;border-radius:12px}.payment-success-facts small{color:var(--m-muted);font-size:9px;text-transform:uppercase}.payment-success-facts strong{font-size:11px}.card-payment-success .payment-activation-note{padding:13px;color:#53645c;background:#eef4eb;border-radius:11px;font-size:11px}.card-payment-success>.member-primary-button{margin-top:22px}
@media(max-width:620px){.card-payment-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.card-payment-head{padding:16px 18px}.card-payment-body{padding:22px 18px}.payment-option{grid-template-columns:24px 1fr}.payment-option>strong{grid-column:2}.card-payment-actions{display:grid;grid-template-columns:1fr 1.4fr}.card-payment-actions>*{width:100%;padding-inline:10px}.payment-success-facts{grid-template-columns:1fr}.card-payment-success{padding:38px 20px}}