/* Training wrapper and faithful portal-style recreation */
:root{--portal:#005c4d;--aqua:#dff0f1}main{max-width:1380px}.training-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;font-size:12px}.lesson{display:grid;grid-template-columns:285px minmax(0,1fr);gap:30px;align-items:start}.lesson-guide{position:sticky;top:24px}.lesson-guide h2{font-size:27px}.lesson-guide h3{font-size:20px}.lesson-guide .coach{font-size:15px;line-height:1.7}.guide-buttons{display:flex;flex-wrap:wrap;gap:8px}.guide-buttons button{font-size:12px;padding:10px}.portal-window{background:#fff;box-shadow:0 16px 60px #164c3d0d;border:1px solid #dce6e1;border-radius:16px;overflow:hidden;color:#163f36}.portal-ribbon{background:#edf4df;color:#33543c;text-align:center;font-size:10px;letter-spacing:1.2px;padding:7px}.portal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e5e4;padding:16px 25px;color:#111}.portal-header b{font-family:Arial,sans-serif;font-size:30px;font-weight:900;letter-spacing:-1.7px}.registered{font-size:10px;vertical-align:top;letter-spacing:0}.portal-nav{display:flex;justify-content:center;gap:19px;font-size:10px;padding:14px 10px;border-bottom:1px solid #eee;overflow:auto;white-space:nowrap}.portal-nav .selected{color:var(--portal);border-bottom:2px solid var(--portal)}.portal-content{padding:32px;min-height:480px;font-family:Arial,sans-serif}.portal-content h2{letter-spacing:-.8px}.portal-content p{color:#52766b;line-height:1.6}.portal-content .portal-heading{color:var(--portal);text-align:center;font-size:28px;line-height:1.2;margin:15px 0 22px}.portal-content h3{color:var(--portal)}.portal-small{font-size:12px}.portal-center{text-align:center}.portal-form{max-width:435px;margin:20px auto}.portal-form.wide{max-width:600px}.portal-content label{color:#3e675d;font-size:15px;margin:17px 0}.portal-content input,.portal-content select{background:#fff;border:1px solid #b8c8c2;border-radius:30px;padding:14px 17px;color:#52675f;font-size:16px;margin:8px 0 3px}.portal-content input[readonly]{background:#f8f9f9}.portal-content small{font-size:11px;color:#668278;display:block}.portal-button{border:1px solid var(--portal);border-radius:30px;background:var(--portal);color:white;display:block;width:100%;padding:13px 20px;margin:18px 0;font-size:16px;line-height:1.4}.portal-button.outline{background:white;color:var(--portal)}.portal-button.target{outline:3px solid #8bd6be66;outline-offset:3px}.portal-button:disabled{opacity:.4;cursor:default;outline:none}.portal-check{display:flex!important;align-items:start;gap:8px;font-size:12px!important}.portal-check input{margin:3px 0!important;min-width:18px;width:18px!important;height:18px;accent-color:var(--portal)}.portal-box{border:1px solid #d6e5df;background:#e5f2f1;border-radius:14px;padding:18px;margin:15px 0}.portal-box b{color:var(--portal);font-size:16px}.portal-box p{font-size:13px;margin:8px 0}.portal-banner{background:#e1f1ed;border-radius:10px;min-height:155px;padding:24px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.portal-banner span{color:var(--portal);font-size:14px}.portal-banner strong{font-size:24px;line-height:1.3;display:block;max-width:300px;margin-top:8px}.banner-pots{display:flex;align-items:end;transform:rotate(-6deg);padding-right:15px}.banner-pots i{display:block;width:65px;height:54px;background:#dc8f9e;border-radius:5px 5px 20px 20px;border-top:9px solid #bb5676;margin-left:-8px}.banner-pots i:nth-child(2){height:85px;background:#c9dba3;border-color:#7c9c54}.banner-pots i:nth-child(3){height:65px;background:#8ecbca;border-color:#4a999d}.quicklinks{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px -12px}.quicklinks button{border:1px solid transparent;background:white;color:#23483e;font-size:10px;padding:9px 3px;border-radius:10px;line-height:1.4}.quicklinks button span{display:grid;place-items:center;margin:auto auto 9px;background:#f9dfc5;border-radius:50%;width:48px;height:48px;font-size:25px;color:#966b53}.quicklinks button.highlight{border:2px solid #007b63;box-shadow:0 0 0 4px #b7e6cf66}.quicklinks button.highlight span{background:#d2e9e0;color:var(--portal)}.invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.invite-grid .portal-box{margin:0}.portal-box.highlight{border:2px solid #00765b;outline:4px solid #b7e6cf66}.fakeqr{border:1px solid #d9e5df;width:170px;margin:25px auto 10px;font-size:60px;line-height:1.05;color:#183b32;letter-spacing:3px;text-align:center;padding:14px;background:repeating-linear-gradient(45deg,#fff,#fff 4px,#eef2ed 4px,#eef2ed 8px)}.message-demo{max-width:430px;background:#e8eee4;padding:25px;margin:auto;border-radius:12px;min-height:350px}.message-bubble{background:#dcf8c6;border-radius:12px;padding:20px;margin-top:25px;box-shadow:0 2px 2px #0001;font-size:16px}.message-link{border:0;padding:0;background:transparent;color:#006f9a;text-decoration:underline;margin-bottom:10px;text-align:left}.signup-banner{background:#89d2ce;border-radius:80px 80px 0 0;padding:27px;text-align:center;color:#155e53;max-width:435px;margin:0 auto -20px;font-size:20px}.signup{background:#f0f7f8;border-radius:28px 28px 0 0;padding:25px}.signup .portal-heading{font-size:27px}.sheet{border:1px solid #edf0ec;border-radius:25px;padding:24px;box-shadow:0 8px 30px #18483d0b}.text-button{display:block;margin:20px auto;background:transparent;border:0;color:var(--portal);text-decoration:underline;font-size:13px}.otp{text-align:center;letter-spacing:12px;font-size:24px!important}.demo-code{background:#eef4e5;border-radius:10px;padding:12px;font-size:13px}.error{font-size:13px!important;color:#a23939!important}.password-rules{font-size:13px;padding-left:20px;color:#5a7568}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:12px;top:18px;border:0;background:transparent;font-size:20px;color:#53695d}.portal-stepper{display:flex;justify-content:space-around;margin:10px 0 35px;position:relative;gap:20px}.portal-stepper div{display:flex;flex-direction:column;align-items:center;font-size:12px;gap:8px;color:#888}.portal-stepper span{display:grid;place-items:center;border:1px solid #bbb;border-radius:50%;height:35px;width:35px;color:#444;font-weight:700;background:#fff}.portal-stepper .current{color:var(--portal)}.portal-stepper .current span{border-color:var(--portal);color:var(--portal)}.portal-content .fields label{margin:5px 0}.portal-success{max-width:500px;margin:35px auto;text-align:center}.portal-success h2{font-size:28px;color:var(--portal)}.credit-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.consent-demo{background:#f3f6f8;border-radius:8px;padding:13px;font-size:12px}.permission-demo{background:#292a30;color:white;border-radius:24px;padding:25px}.permission-demo p{color:#e0e0e0}.permission-demo h3{color:white}.permission-demo .portal-button{background:#adbbee;color:#17203e;border:0}.permission-demo .outline{background:transparent;color:white;border:1px solid #8b92a0}.camera-symbol{font-size:32px}.capture-demo .face{height:235px;width:170px;border:4px solid #0e725e;background:#e7f1ec;font-size:115px}.capture-demo{border:1px solid #cdded8;border-radius:20px;padding:22px}.credit-result{background:#005e50;color:#fff;padding:22px;border-radius:14px;text-align:center}.credit-result h2,.credit-result p{color:white}.systems{display:grid;grid-template-columns:1fr 1fr;gap:20px}.system-card{padding:24px;background:#e5f0df;border-radius:20px}.system-card:nth-child(2){background:#f4e7ef}.system-card h2{color:#396644}.portal-foot{background:#eff6f7;padding:16px;text-align:center;color:#788d87;font-size:10px}.acc{font-family:Arial,sans-serif;color:#333}.acc-banner{background:linear-gradient(100deg,#69399c,#ba68ce);color:white;font-size:30px;font-weight:bold;padding:15px}.acc-banner small{color:white;font-size:10px;letter-spacing:1px;margin-top:8px}.acc-menu{background:#f4f4f4;padding:10px;font-size:9px;border:1px solid #bbb}.acc h3{background:#eee;text-align:center;font-size:17px;padding:10px;color:#444}.acc-info{background:#e4f5fa;border:1px solid #bbd0db;padding:12px;font-size:12px}.acc-form{display:grid;grid-template-columns:1fr 95px;gap:15px;align-items:end}.acc-form label{margin-bottom:0}.acc-form .portal-button{grid-column:1/-1;max-width:250px;font-size:14px;margin:0 auto 12px}.acc input,.acc select{border-radius:3px;font-size:13px}.acc select{width:100%;max-width:100%}.acc table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}.acc th,.acc td{border:1px solid #bbb;padding:10px;text-align:left}.acc th{background:#ddd}.acc table button{background:#fff;border:1px solid #bbb;padding:4px;margin:2px;border-radius:3px;font-size:11px}.table-scroll{overflow:auto}.acc .total{font-size:21px}.demo-price-list{display:flex;gap:12px;flex-wrap:wrap;background:#f4f4f4;padding:10px;margin-bottom:15px;font-size:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3f987f;outline-offset:3px}@media(max-width:1050px){.lesson{grid-template-columns:235px minmax(0,1fr);gap:20px}.portal-content{padding:22px}.portal-nav{gap:12px}.quicklinks{grid-template-columns:repeat(4,1fr);gap:8px}.credit-features{grid-template-columns:1fr}.banner-pots i{width:45px}.portal-banner strong{font-size:21px}}@media(max-width:760px){main{padding:24px 14px}.training-top{flex-wrap:wrap;gap:10px}.training-top .badge{font-size:9px}.training-top>span:last-child{display:none}.training-top>button{font-size:12px;padding:10px}.lesson{grid-template-columns:1fr;gap:18px}.lesson-guide{position:static}.lesson-guide h2{font-size:23px;margin:10px 0}.lesson-guide h3{font-size:19px;margin:15px 0 8px}.lesson-guide>p.portal-small{display:none}.lesson-guide .coach{margin:10px 0;font-size:14px}.lesson-guide details{margin-top:10px}.guide-buttons{margin-top:10px}.portal-header{padding:14px 18px}.portal-header b{font-size:26px}.portal-nav{display:none}.portal-content{padding:22px 14px;min-height:400px}.portal-content .portal-heading{font-size:25px}.portal-form{margin:15px auto}.signup{padding:20px 15px}.portal-content label{font-size:14px}.portal-content input,.portal-content select{font-size:15px;padding:13px}.portal-window{border-radius:14px}.portal-ribbon{font-size:9px;letter-spacing:.5px}.invite-grid{grid-template-columns:1fr}.systems{grid-template-columns:1fr}.portal-banner{padding:20px;min-height:130px}.banner-pots{display:none}.portal-banner strong{font-size:22px}.quicklinks{margin:20px 0;grid-template-columns:repeat(3,1fr);gap:12px}.quicklinks button{font-size:12px}.quicklinks button span{width:48px;height:48px}.portal-content .portal-check{font-size:12px!important}.portal-content .fields{gap:4px}.portal-button{font-size:15px}.sheet{padding:20px 15px}.acc-form{grid-template-columns:minmax(0,1fr) 80px;gap:10px}.acc select{font-size:12px;padding:12px 5px}.help{bottom:15px;right:14px}.portal-foot{padding-bottom:25px}.acc-banner{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:22px}.card h3{font-size:20px}.card p{min-height:68px}.phone{width:225px}.hero-art{min-height:390px}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cards{grid-template-columns:1fr}.card p{min-height:0}}
.practice-notice{border:1px solid #c7e2cd;background:#f1f8eb;border-radius:14px;padding:16px;margin-bottom:25px;font-size:13px}.practice-notice p{margin:5px 0 12px;font-size:13px}.practice-notice .secondary{font-size:12px;padding:9px 12px}.practice-notice small{margin-top:10px}.portal-content input[data-demo-key]{background:#fff;border-color:#8cb8a6}.portal-content input[data-demo-key]:focus{background:#f9fff6}
