.registration-page{--soft:#edf4ef;--green-ink:#18573e;--soft-ink:#182c28;--soft-muted:#526660}
.registration-header nav{gap:28px}
.registration-hero{grid-template-columns:1.04fr 1fr;padding:48px 32px;gap:34px}
.registration-hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.registration-hero h1 span{color:var(--accent)}
.registration-hero .landing-lead{font-size:18px;line-height:1.6;max-width:530px}
.registration-hero .landing-actions{gap:10px;margin:24px 0 20px}
.registration-hero .button{padding:12px 16px;font-size:14px;gap:14px}
.registration-trust{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;list-style:none;margin:0 0 14px;font-size:12px;color:#d7e5db}
.registration-trust li::before{content:"✓";color:var(--accent);margin-right:6px}
.registration-payment-note{max-width:500px;font-size:12px;line-height:1.6}
.registration-workspace{min-width:0;background:#f3f8f3;color:var(--soft-ink);border:1px solid #688b72;border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.25);overflow:hidden}
.workspace-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:18px 20px;border-bottom:1px solid #54735f;background:#102d29;font-size:11px;color:#c4d9cc}
.workspace-brand{display:block;width:138px;max-width:100%;height:auto}
.workspace-top>span:not(.workspace-example){grid-column:1;font-size:10px}
.workspace-example{grid-column:2;grid-row:1/span 2;align-self:center;font-size:10px;padding:6px 9px;border:1px solid #6b8c71;border-radius:20px;background:#b4f18f12;color:#d7e9dc;white-space:nowrap}
.registration-page .registration-workspace .mascot-intro{background:linear-gradient(120deg,#1c4431,#18343d);border-bottom:1px solid #52735e;padding:18px 20px}
.registration-page .registration-workspace .mascot-name{color:#c2f49f}
.registration-page .registration-workspace .mascot-intro p{color:#f1f8ee}
.registration-page .registration-workspace .mascot-intro small{color:#c5d8cb}
.workspace-event{display:flex;gap:12px;align-items:center;padding:22px 20px 18px}
.workspace-event-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#c7eba9;border-radius:12px;font-size:26px;flex:none}
.workspace-event p{margin:0;font-weight:750;font-size:16px;line-height:1.4}
.workspace-event div>span{font-size:11px;color:var(--soft-muted)}
.workspace-dot{width:8px;height:8px;border-radius:50%;background:#548962;margin-left:auto;flex:none}
.workspace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 20px 10px;background:#e5efdf;border:1px solid #c8dcbf;border-radius:12px}
.workspace-stats div{padding:12px 10px}
.workspace-stats div+div{border-left:1px solid #cbded0}
.workspace-stats strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-1px;color:#214e35}
.workspace-stats span{display:block;color:var(--soft-muted);font-size:10px;margin-top:4px}
.workspace-participants{list-style:none;margin:0;padding:0 20px}
.workspace-participants li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid #d5e2d9;font-size:11px}
.workspace-avatar{width:28px;height:28px;background:#d1e9cf;color:#326447;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}
.workspace-avatar.amber{background:#f1e4c7;color:#866836}.workspace-avatar.blue{background:#d2e2ed;color:#396b83}
.workspace-participants b{padding:5px 8px;border-radius:20px;background:#e0efda;color:#386342;font-size:9px;font-weight:650;white-space:nowrap}
.workspace-participants b.pending{background:#dfedf3;color:#335e71}
.workspace-footer{padding:15px 20px 18px;display:flex;flex-direction:column;gap:9px;font-size:10px;color:var(--soft-muted)}
.workspace-footer a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:12px 14px;border:1px solid #b3d199;border-radius:10px;background:#d8f0c4;color:#214b34;font-size:12px;font-weight:700;text-decoration:none}
.workspace-footer a:hover{background:#c8eaaa}
.workspace-footer a:focus-visible{outline:3px solid #277b5b;outline-offset:3px}
.registration-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:18px 0 42px}
.registration-benefits article{display:flex;gap:12px}
.registration-benefits article>span{display:flex;width:29px;height:29px;border:1px solid #426255;flex:none;align-items:center;justify-content:center;border-radius:50%;font-size:10px;color:var(--accent);margin-top:2px}
.registration-benefits h2{font-size:17px;letter-spacing:-.02em;margin:0 0 6px;line-height:1.35}
.registration-benefits p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}
.registration-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.registration-section-head h2{margin-bottom:0;max-width:630px;font-size:clamp(27px,3.15vw,40px)}
.registration-section-head .landing-eyebrow{margin-bottom:12px;font-size:11px}
.registration-section-head>p{max-width:330px;color:var(--muted);font-size:14px;margin:0;line-height:1.6}
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.scenario-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--panel);display:flex;flex-direction:column}
.scenario-art{height:204px;position:relative;display:flex;align-items:center;justify-content:center;padding:16px 24px 36px;background:radial-gradient(ellipse at 50% 90%,#b4f18f25,transparent 70%),linear-gradient(135deg,#1e4935,#112b2c);color:#d4e9d8;overflow:hidden}
.scenario-art.start{background:radial-gradient(ellipse at 50% 90%,#53c7e52b,transparent 70%),linear-gradient(135deg,#244759,#132e3d);color:#d8edf2}.scenario-art.club{background:radial-gradient(ellipse at 50% 90%,#b4f18f25,transparent 70%),linear-gradient(135deg,#244932,#1b343c)}
.scenario-art img{height:152px;width:100%;max-width:240px;display:block;object-fit:contain;flex:none}
.scenario-art>span{position:absolute;bottom:12px;left:16px;font-size:11px;font-weight:650;letter-spacing:.02em}
.scenario-content{padding:24px;display:flex;flex-direction:column;flex:1}
.scenario-content h3{font-size:19px;margin-bottom:12px}
.scenario-content p{font-size:14px;color:var(--muted);line-height:1.7;flex:1;margin-bottom:18px}
.scenario-content button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;border:0;border-top:1px solid var(--border);background:transparent;text-align:left;padding:14px 0 0;font-size:13px;font-weight:700;color:var(--accent);cursor:pointer}
.scenario-content button[aria-pressed=true]{color:#f2f6fa}
.scenario-footnote{font-size:13px;color:var(--muted);margin:18px 0 0}
.registration-light-section{padding:38px;margin:12px 0 14px;background:var(--soft);border-radius:20px;color:var(--soft-ink)}
.registration-light-section .landing-eyebrow,.registration-project-section .landing-eyebrow{color:var(--green-ink)}
.registration-light-section .registration-section-head>p,.registration-project-section .registration-section-head>p{color:var(--soft-muted)}
.registration-demo-steps{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;list-style:none;margin:0 0 24px}
.registration-demo-steps li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--soft-muted)}
.registration-demo-steps li>span{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #b8cbc0;font-size:11px}
.registration-demo-steps li[aria-current]{font-weight:700;color:var(--green-ink)}
.registration-demo-steps li[aria-current]>span{background:var(--green-ink);border-color:var(--green-ink);color:#fff}
.registration-demo-grid .landing-card{background:#fff;border:1px solid #ccdbd0;border-radius:14px;padding:24px;color:var(--soft-ink)}
.registration-demo-grid .landing-card p{color:var(--soft-muted);font-size:13px}
.demo-card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;margin-bottom:20px}
.demo-example{color:var(--soft-muted);font-size:9px;font-weight:400;white-space:nowrap}
.demo-event-art{height:96px;border-radius:9px;background:linear-gradient(135deg,#ceeabd,#e1efe4);padding:18px;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;color:var(--green-ink);font-size:12px}
.demo-event-art span:last-child{font-size:42px;font-weight:500;line-height:1}
.registration-demo-grid h3{font-size:22px;margin-bottom:8px}
.demo-status{padding:12px 14px;border:1px solid #d0e1d5;border-radius:8px;background:#f1f7f2;font-size:13px;margin:16px 0}
.registration-demo-grid .button{width:100%;font-size:13px}
.registration-demo-grid .button.secondary{color:var(--green-ink);border-color:#9cbaaa;background:#f6faf7}
.demo-counters{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--soft-muted);font-size:12px;padding:8px 0 12px}
.demo-counters b{color:var(--green-ink);font-size:18px;margin-right:3px}
.registration-demo-grid .registration-preview-list{margin-bottom:20px;padding:0}
.registration-demo-grid .registration-preview-list li{border-color:#d3e0d7;color:var(--soft-ink);font-size:12px;min-height:49px}
.registration-demo-grid .registration-preview-list b{color:var(--green-ink);font-size:11px}
.registration-demo-grid .demo-outcome{margin:14px 0 0;font-size:12px;min-height:38px}
.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px}
.demo-bottom p{font-size:11px;color:var(--soft-muted);margin:0}
.demo-reset{background:transparent;border:0;color:var(--green-ink);font-size:12px;font-weight:650;min-height:44px;padding:8px 0;cursor:pointer;white-space:nowrap}
.registration-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.registration-workflow li>span{font-size:39px;line-height:1;color:var(--accent);font-weight:500;letter-spacing:-3px;display:block;margin-bottom:18px}
.registration-workflow h3{font-size:20px;margin-bottom:12px}
.registration-workflow p{font-size:14px;color:var(--muted);margin:0}
.registration-project-section{background:#dceccc;color:var(--soft-ink);color-scheme:light;border-radius:20px;padding:38px;margin:14px 0}
.registration-project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
.registration-project-form{background:#f8fcf6;border:1px solid #b4c8b0;border-radius:14px;gap:16px;padding:26px;max-width:none}
.registration-project-form label{color:var(--soft-ink);font-size:12px}
.registration-project-form :is(input,select){background:#fff;border:1px solid #a8bfac;color:var(--soft-ink);font-size:14px;min-height:44px}
.registration-project-form p{color:var(--soft-muted);font-size:12px;line-height:1.65}
.registration-project-form .registration-template-tip{padding:12px;border-radius:7px;background:#e7f1e1;color:#365d3f;font-size:11px}
.registration-project-form .button.primary{background:var(--green-ink);border-color:var(--green-ink);color:#fff;font-size:14px;gap:18px}
.registration-project-form .registration-project-hint{font-size:10px}
.registration-project-form [role=alert]{color:#923913}
.registration-plan-preview{background:#fff;border:1px solid #b4c8b0;border-radius:14px;overflow:hidden;padding:22px;min-width:0}
.plan-preview-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--soft-muted);margin-bottom:16px}
.plan-preview-label>span:first-child{font-weight:700;color:var(--soft-ink)}
.plan-preview-art{display:flex;justify-content:space-between;align-items:flex-end;min-height:105px;padding:18px;background:linear-gradient(135deg,#173e36,#315941);border-radius:9px;color:#dbeed2;margin-bottom:20px;font-size:12px}
.plan-preview-art>span:last-child{font-size:45px;line-height:1;color:#bbec98}
.registration-plan-preview h3{font-size:23px;line-height:1.3;overflow-wrap:anywhere;margin-bottom:14px}
.plan-preview-details{list-style:none;margin:0 0 20px;padding:0;font-size:12px}
.plan-preview-details li{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #d5e1d2}
.plan-preview-details li>span{color:var(--soft-muted)}
.plan-preview-details li>b{text-align:right;font-weight:600;overflow-wrap:anywhere}
.plan-readiness label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--soft-muted)}
.plan-readiness output{font-weight:700;color:var(--green-ink);white-space:nowrap}
.plan-readiness progress{display:block;width:100%;height:7px;margin:9px 0 10px;accent-color:var(--green-ink);border:0}
.plan-readiness progress::-webkit-progress-bar{background:#e3ebe0;border-radius:5px}
.plan-readiness progress::-webkit-progress-value{background:var(--green-ink);border-radius:5px}
.plan-readiness progress::-moz-progress-bar{background:var(--green-ink);border-radius:5px}
.plan-readiness p{font-size:11px;margin:0;color:var(--green-ink)}
.plan-preview-note{font-size:10px;line-height:1.65;color:var(--soft-muted);margin:20px 0 0}
.registration-page .landing-plans .landing-card{padding:24px}
.registration-page .landing-plans .landing-card:first-child{border-color:#789c63;background:linear-gradient(150deg,#213b2d,var(--panel))}
.registration-page .landing-plans h3{font-size:20px}
.registration-page .landing-plans p{font-size:13px}
.registration-page .landing-plans .button{font-size:12px;width:100%}
.registration-page .landing-notice{font-size:12px;line-height:1.7;border-radius:0 8px 8px 0}
.registration-help{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}
.registration-help-intro h2{font-size:36px}
.registration-help-intro>p{font-size:14px;color:var(--muted)}
.registration-help-intro>ul{list-style:none;padding:0;margin:22px 0;color:#e0eade;font-size:13px}
.registration-help-intro>ul li{margin:10px 0}
.registration-help-intro>ul li::before{content:"↗";color:var(--accent);margin-right:12px}
.registration-help-intro .landing-muted{font-size:12px}
.registration-help .landing-form{padding:26px;gap:16px}
.registration-help .landing-form label{font-size:12px}
.registration-help .landing-form :is(input,select,textarea){font-size:13px}
.registration-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}
.registration-faq h2{font-size:36px}
.registration-faq summary{font-size:14px;line-height:1.6}
.registration-faq details p{font-size:13px;line-height:1.8}
.registration-final{text-align:center;border-radius:20px;padding:48px 24px;margin:14px 0 44px;background:radial-gradient(ellipse at 50% 0,#254c37,#102b2d 70%);border:1px solid #45694d}
.registration-final h2{font-size:clamp(32px,4vw,48px);margin-bottom:22px}
.registration-final .button{gap:24px}
.registration-final>p:last-child{color:var(--muted);font-size:11px;margin:16px 0 0}
@media(max-width:1000px){.registration-hero{grid-template-columns:1fr;gap:30px}.registration-workspace{max-width:630px;width:100%;justify-self:center;transform:none}.registration-hero .landing-lead{max-width:620px}.registration-help,.registration-faq{gap:28px;grid-template-columns:.8fr 1.2fr}}
@media(max-width:820px){.registration-hero{padding:32px 24px}.registration-hero h1{max-width:650px}.registration-benefits{grid-template-columns:1fr;gap:18px;padding-bottom:32px}.registration-section-head{flex-direction:column;align-items:flex-start;gap:14px}.registration-section-head>p{max-width:620px}.scenario-grid{grid-template-columns:1fr}.scenario-card{display:grid;grid-template-columns:180px minmax(0,1fr)}.scenario-art{height:100%;min-height:220px;padding-inline:12px}.scenario-art img{height:156px}.scenario-content{padding:20px}.registration-light-section,.registration-project-section{padding:26px}.registration-project-grid{grid-template-columns:1fr}.registration-workflow{gap:20px}.registration-workflow h3{font-size:17px}.registration-workflow p{font-size:12px}.registration-help,.registration-faq{grid-template-columns:1fr}.registration-demo-grid .landing-card{padding:22px}.registration-header nav{gap:20px}}
@media(max-width:480px){.registration-header nav{gap:0}.registration-header nav a{font-size:11px}.registration-hero{padding:28px 18px;gap:24px}.registration-hero h1{font-size:38px}.registration-hero .landing-lead{font-size:16px}.registration-hero .button{font-size:12px;padding:12px 10px}.registration-trust{font-size:10px;gap:6px 10px}.registration-payment-note{font-size:11px}.workspace-top{padding:12px;font-size:9px;gap:7px}.workspace-example{font-size:8px;padding:4px}.workspace-event{padding:18px 12px 14px;gap:9px}.workspace-event p{font-size:14px}.workspace-event-icon{width:36px;height:36px}.workspace-stats{margin-inline:12px}.workspace-stats div{padding:10px 8px}.workspace-stats strong{font-size:23px}.workspace-stats span{font-size:9px}.workspace-participants{padding-inline:12px}.workspace-participants li{grid-template-columns:25px minmax(0,1fr);font-size:10px;gap:6px}.workspace-participants b{grid-column:2;justify-self:start;font-size:9px}.workspace-avatar{grid-row:span 2;width:25px;height:25px}.workspace-footer{padding:14px 12px;font-size:9px}.workspace-footer a{font-size:11px}.registration-section-head h2{font-size:29px}.registration-section-head .landing-eyebrow{font-size:10px}.scenario-card{grid-template-columns:1fr}.scenario-art{height:180px;min-height:0;padding:12px 24px 36px}.scenario-art img{height:132px}.scenario-art>span{font-size:9px}.scenario-content{padding:20px}.registration-light-section,.registration-project-section{padding:24px 16px;border-radius:16px}.registration-demo-steps{gap:9px}.registration-demo-steps li{font-size:10px;gap:6px}.registration-demo-steps li>span{width:21px;height:21px;font-size:9px}.registration-demo-grid .landing-card{padding:18px}.demo-card-label{font-size:10px;gap:6px}.demo-example{font-size:8px}.demo-bottom{flex-direction:column;align-items:flex-start;gap:4px}.registration-workflow{grid-template-columns:1fr;gap:24px}.registration-workflow li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 14px}.registration-workflow li>span{grid-row:span 2;font-size:32px;margin:0}.registration-workflow h3{font-size:19px;margin-bottom:8px}.registration-workflow p{font-size:13px}.registration-project-form{padding:18px;grid-template-columns:1fr}.registration-plan-preview{padding:18px}.registration-project-form label{font-size:11px}.registration-help .landing-form{padding:20px}.registration-help-intro h2,.registration-faq h2{font-size:30px}.registration-final{padding:38px 18px}}
@media(prefers-reduced-motion:reduce){.registration-workspace{transform:none}}