:root{--bg:#f8f9f5;--surface:#fff;--text:#172f27;--muted:#748078;--green:#174d3d;--green-dark:#103b30;--lime:#d8efb4;--line:#e5e9e1;--soft:#eff3eb;--radius:18px;--shadow:0 8px 32px #183d2910;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a,button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7aac65;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #8eac81;outline-offset:1px}input,select,textarea{max-width:100%}img,svg{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:600;line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(38px,4.5vw,68px);margin-bottom:24px}h2{font-size:clamp(28px,3vw,42px);margin-bottom:18px}h3{font-size:21px;margin-bottom:12px}h4{font-size:16px;margin-bottom:8px}p{color:var(--muted);margin-bottom:20px}small{font-size:11px;color:var(--muted)}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#547644}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.container{width:min(1216px,calc(100% - 80px));margin-inline:auto}.narrow{max-width:900px}.section{padding-block:90px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#678268;margin-bottom:18px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:850;line-height:1;letter-spacing:-1px;white-space:nowrap}.logo-three{font-size:32px;color:#588651;margin-left:-7px}.logo-mark{width:29px;display:flex;flex-direction:column;gap:4px;transform:skew(-19deg);margin-right:2px}.logo-mark i{height:5px;background:var(--green);border-radius:1px}.logo-mark i:nth-child(2){width:23px}.logo-mark i:nth-child(3){width:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:7px;padding:14px 22px;line-height:1.4;font-size:13px;font-weight:600;white-space:normal;min-height:46px}.btn:hover{background:#25604c;transform:translateY(-1px);box-shadow:0 4px 12px #103b3015}.btn.small{padding:10px 16px;font-size:12px;min-height:38px}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.btn.secondary:hover{background:var(--soft)}.btn.pale{background:var(--lime);color:var(--green-dark)}.btn.ghost{background:transparent;color:inherit;border-color:#ffffff40}.btn.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--green)}.text-link:hover{color:#6e914b}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:18px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:9px;color:inherit}.icon-button:hover{background:var(--soft)}.announcement{text-align:center;background:var(--green-dark);color:#d7e2d4;padding:9px 15px;font-size:10px;letter-spacing:.25px}.announcement a{color:var(--lime);margin-left:8px}.announcement .icon{width:13px;height:13px;margin-left:5px}.public-header{height:92px;display:flex;justify-content:space-between;align-items:center;gap:24px}.public-nav{display:flex;gap:32px;margin-left:60px}.public-nav a{font-size:12px;color:var(--muted)}.public-nav a.active,.public-nav a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:22px}.login-link{font-weight:600;font-size:12px}.mobile-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:30px;padding:44px 0 67px;min-height:640px}.hero-copy{padding-bottom:14px;position:relative}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dee5d7;border-radius:30px;padding:6px 12px;font-size:8px;font-weight:700;letter-spacing:1.2px;background:#f1f4ea;margin-bottom:24px}.status-dot{display:inline-block;background:#698856;border-radius:50%;width:5px;height:5px}.hero h1{font-size:clamp(48px,5.3vw,75px);line-height:1.045;letter-spacing:-3.8px;position:relative;margin-bottom:24px}.hero h1 em{font-size:1.065em}.hero-asterisk{font-family:Arial,sans-serif;color:#94ae74;font-size:44px;position:absolute;bottom:10px;margin-left:23px;font-weight:400}.hero-copy>p{font-size:14px;max-width:397px;line-height:1.9}.hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-block:28px}.hero-notes{display:flex;gap:23px;font-size:10px;color:var(--muted)}.hero-notes span{display:flex;gap:5px;align-items:center}.hero-notes .icon{width:13px;height:13px;color:#608452}.hero-art{height:506px;background:radial-gradient(ellipse at 55% 45%,#e8eedd 0%,#f0f2e8 58%,#f6f7f0 80%);border:1px solid #e6eadd;border-radius:130px 16px 130px 16px;position:relative;isolation:isolate;overflow:visible;margin-left:15px}.art-label{position:absolute;top:32px;left:102px;font-size:8px;letter-spacing:1.9px;color:#7f9074}.art-caption{position:absolute;bottom:24px;left:85px;font-size:7px;letter-spacing:1.8px;color:#85927a}.orbit{position:absolute;inset:59px 12px;border:1px solid #d7dfcd;border-radius:50%;transform:rotate(-23deg);z-index:-1}.orbit-two{inset:82px -18px;transform:rotate(35deg)}.art-grid{position:absolute;inset:50px;background-image:linear-gradient(#ccd8bf28 1px,transparent 1px),linear-gradient(90deg,#ccd8bf28 1px,transparent 1px);background-size:26px 26px;z-index:-1}.book-model{position:absolute;width:222px;height:317px;border-radius:2px 6px 6px 2px;box-shadow:10px 17px 19px #263b2833,2px 2px 0 #d6d5c1,5px 4px 0 #eeeee1,inset 7px 0 8px #0002;display:flex;flex-direction:column;padding:22px 24px}.book-model:after{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:#ffffff14}.book-front{background:#1b5142;color:#edf2d8;top:93px;left:51px;transform:rotate(-10deg);z-index:2}.book-back{background:#d7e6bf;color:#244d35;left:239px;top:118px;transform:rotate(12deg);height:295px;width:204px;z-index:1}.book-brand{font-size:10px;font-weight:800;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.3px}.book-brand span{font-size:4px;letter-spacing:.7px;font-weight:500}.book-title{font-size:34px;line-height:1.02;letter-spacing:-1px;margin-top:28px;font-weight:500}.book-title>span{font-size:5px;letter-spacing:1.1px;display:block;margin-top:14px}.book-back .book-title{font-size:25px;margin-top:25px}.book-foot{font-size:5px;letter-spacing:1px;margin-top:auto}.book-graphic{display:flex;align-items:flex-end;gap:7px;height:77px;transform:skewY(-16deg);margin:19px 0 25px 10px}.book-graphic i{height:30%;width:12px;border:1px solid #a8c185;border-bottom:0}.book-graphic i:nth-child(2){height:45%}.book-graphic i:nth-child(3){height:36%}.book-graphic i:nth-child(4){height:66%}.book-graphic i:nth-child(5){height:60%}.book-graphic i:nth-child(6){height:85%}.book-graphic i:nth-child(7){height:100%}.book-lines{width:110px;height:90px;margin-top:15px;background:repeating-radial-gradient(ellipse at 70% 100%,transparent 0 6px,#729566 7px 8px,transparent 9px 13px);border-radius:80px 80px 0 0;opacity:.6}.price-tag{position:absolute;z-index:3;right:-10px;top:62px;display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:17px 20px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 20px #2c433115;transform:rotate(5deg)}.price-tag>span:first-child{font-size:6px;letter-spacing:1px;font-weight:700;color:#758468}.price-tag strong{font-size:47px;line-height:1.15;font-weight:500;letter-spacing:-2px}.price-tag strong small{font-size:10px;letter-spacing:0;color:var(--green);font-weight:600}.price-tag>span:last-child{font-size:6px;color:#8a9384;margin-top:5px}.resource-tag{position:absolute;display:flex;align-items:center;gap:12px;z-index:4;left:21px;bottom:46px;padding:13px 18px;border-radius:9px;background:#fff;box-shadow:var(--shadow);font-size:9px;color:#86907e;transform:rotate(-3deg)}.resource-tag>.icon{background:#edf2e5;box-sizing:content-box;padding:8px;border-radius:7px;color:var(--green);width:17px;height:17px}.resource-tag strong{color:#31503d;font-weight:500}.trust-strip{border-block:1px solid var(--line);background:#f2f4ed}.trust-strip>.container{display:flex;justify-content:space-between;gap:15px;padding-block:24px}.trust-strip span{display:flex;align-items:center;gap:11px;font-size:11px;color:#75816f}.trust-strip .icon{width:18px;height:18px;color:#6f8762}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2{font-size:36px;margin:0;line-height:1.2}.section-heading>p{font-size:12px;line-height:1.8;margin-bottom:4px}.section-heading .eyebrow{margin-bottom:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:27px 29px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-top{display:flex;justify-content:space-between;align-items:center;color:#a4ad9c;font-size:10px;margin-bottom:29px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid var(--line);border-radius:11px;color:var(--green);background:var(--soft)}.feature-card h3{font-size:20px;letter-spacing:-.5px}.feature-card p{font-size:12px;line-height:1.9}.feature-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;font-weight:600}.feature-link .icon{width:15px;height:15px}.feature-card.featured{background:#eaf0e1;border-color:#dbe4cf}.banner-carousel{border-radius:16px;background:var(--green);color:#fff;position:relative;overflow:hidden}.promo-slide{padding:44px 58px;display:grid;grid-template-columns:1fr .6fr;align-items:center;gap:30px;min-height:280px}.promo-slide[hidden]{display:none}.promo-slide .eyebrow{color:#b6d69c;font-size:9px}.promo-slide h2{font-size:34px;max-width:520px}.promo-slide p{color:#b7cbbd;font-size:12px}.banner-symbol{font-size:210px;line-height:1;color:#bcd5a1;font-family:Georgia,serif;position:relative;text-align:center;letter-spacing:-15px}.banner-symbol:before,.banner-symbol:after{content:"";position:absolute;border:1px solid #bcd5a12c;width:300px;height:180px;border-radius:50%;left:-15px;top:25px;transform:rotate(-28deg)}.banner-symbol:after{transform:rotate(28deg)}.banner-symbol span{position:absolute;font-family:"Segoe UI",Arial,sans-serif;letter-spacing:1px;font-size:7px;line-height:1.7;right:5px;top:45%;text-align:left}.carousel-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.carousel-dot{border:0;background:#ffffff4d;width:6px;height:6px;border-radius:10px;padding:0}.carousel-dot.active{width:21px;background:#d8efb4}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step{padding-top:15px;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:70px;right:-25px;top:40px;border-top:1px dashed #ced8c5}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #dce5d3;background:#f0f4e9;border-radius:50%;font-size:15px;color:#6c8657;margin-bottom:25px}.step h3{font-size:19px}.step p{font-size:12px;line-height:1.8;max-width:285px}.community-section{padding:75px 0;background:#edf1e7;border-block:1px solid var(--line)}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.community-grid>div>p{font-size:13px;line-height:1.9}.community-grid .small-copy{font-size:10px}.network-art{text-align:center;position:relative;padding:30px 0}.network-node{width:102px;height:91px;border-radius:15px;border:1px solid #d1dcc8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:600;background:var(--green);color:#fff;margin:auto}.network-node>.icon{width:25px;height:25px;color:#d5e7bb}.network-branches{display:flex;justify-content:space-between;gap:12px;margin-top:67px;position:relative}.network-branches:before{content:"";position:absolute;top:-32px;left:16%;right:16%;height:31px;border:1px solid #b5c6a7;border-bottom:0;border-radius:12px 12px 0 0}.network-branches:after{content:"";position:absolute;width:1px;height:67px;background:#b5c6a7;left:50%;top:-67px}.network-branches>span{width:100px;height:85px;background:#f9fbf6;border:1px solid #d1dcc8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1}.network-branches small{font-size:8px;color:#7b8970}.network-caption{margin-top:35px;font-size:7px;letter-spacing:1.2px;color:#8b987e;display:flex;justify-content:center;align-items:center;gap:10px}.network-caption i{width:3px;height:3px;border-radius:50%;background:#8b987e}.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-layout>div>p{font-size:12px;line-height:1.9}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:500;font-size:13px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:#7d8f6c}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.8;margin:15px 25px 0 0}.final-cta{text-align:center;padding:63px 30px;background:#eaf0e1;border:1px solid #dce5d2;border-radius:15px}.final-cta h2{font-size:41px;margin-bottom:25px}.final-cta p{font-size:10px;margin:17px 0 0}.risk-note{display:flex;gap:14px;padding-block:30px 55px;align-items:flex-start}.risk-note p{font-size:9px;line-height:1.8;margin:0;color:#919989}.risk-note>.icon{color:#95a087;width:18px;height:18px}.risk-note a{text-decoration:underline}.public-footer{border-top:1px solid var(--line);padding-top:50px;background:#f1f3ec}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:55px}.footer-grid .logo{font-size:22px;margin-bottom:20px}.footer-grid p{font-size:11px;line-height:1.9}.footer-grid .eyebrow{font-size:8px}.footer-grid h4{font-size:12px;letter-spacing:0;margin-bottom:21px}.footer-grid>div>a:not(.logo){display:block;font-size:10px;color:#7a8472;margin-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;padding-block:22px;border-top:1px solid #e0e5d7;margin-top:36px;font-size:9px;color:#8a9481}.center-heading{text-align:center;max-width:800px;margin:0 auto 55px}.center-heading p{font-size:15px}.center-heading h1{font-size:58px}.package-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.package-visual{background:#e0eacc;border:1px solid #d1dcbb;border-radius:18px;min-height:440px;padding:45px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.package-visual>h2{font-size:46px;font-family:Georgia,serif;font-weight:400}.package-visual>.icon{width:110px;height:110px;stroke-width:.8;margin:20px}.package-visual>span:last-child{font-size:8px;letter-spacing:1.5px}.package-description .badge{margin-bottom:20px}.package-price{font-size:60px;letter-spacing:-3px;line-height:1.2;margin:20px 0;color:var(--green)}.package-price span{font-size:16px;letter-spacing:0;color:var(--muted)}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:12px}.check-list .icon{width:17px;height:17px;color:#668755}.small-copy{font-size:11px;line-height:1.8;margin-top:18px}.prose{font-size:15px;line-height:2;color:var(--muted);margin:30px 0 40px}.resource-callout{display:flex;flex-wrap:wrap;gap:20px;align-items:center;background:var(--soft);border:1px solid var(--line);padding:28px;border-radius:14px;margin-top:30px}.resource-callout>.icon{width:32px;height:32px}.resource-callout h3{font-size:18px}.resource-callout p{font-size:12px;margin:0}.resource-callout .btn{margin-left:auto}
/* Shared forms and records */
.field{display:block;margin-bottom:19px;min-width:0}.field>span:first-child{display:block;font-size:11px;color:var(--text);font-weight:600;margin-bottom:7px}.input-wrap{position:relative;display:block}.field input,.field textarea,.field select,.hierarchy-controls input,.hierarchy-controls select{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px 14px;background:var(--surface);color:var(--text);font-size:13px;min-height:45px}.field textarea{resize:vertical;line-height:1.7}.field small{display:block;font-size:10px;margin-top:6px}.field input[type=password]{padding-right:55px}.field input[type=file]{padding:9px;font-size:11px}.show-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);font-size:10px;padding:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:var(--muted);margin:15px 0}.checkbox input{accent-color:var(--green);margin:3px 0 0;flex:none;width:14px;height:14px}.form-between{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px;margin:-4px 0 18px}.notice{display:flex;align-items:flex-start;gap:12px;border:1px solid #dfdfbc;background:#f6f5e7;color:#737144;border-radius:9px;padding:14px 18px;font-size:12px;margin-bottom:22px;line-height:1.65}.notice .icon{width:18px;height:18px}.notice.error{background:#fdf0ec;color:#a55445;border-color:#efdad0}.notice.success{background:#edf5e8;color:#557542;border-color:#d6e7ca}.notice a{text-decoration:underline;font-weight:600}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:6px;font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.1px;white-space:nowrap}.badge.green{background:#eaf3e3;color:#5a7b46}.badge.neutral{background:#f1f0e8;color:#898269}.badge.red{background:#fbeae6;color:#a3594b}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:27px;margin-bottom:24px;min-width:0}.card h2{font-size:29px}.card h3{font-size:18px;letter-spacing:-.4px}.card>p{font-size:12px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.card-heading h3{margin:0}.card-heading .eyebrow{font-size:8px;margin-bottom:8px}.card-heading .text-link{font-size:10px}.card-foot{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;font-size:9px;color:var(--muted);display:flex;gap:8px;align-items:center}.card-foot .icon{width:13px;height:13px}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;min-width:480px}th{font-size:9px;color:#8d9788;letter-spacing:.6px;text-transform:uppercase;font-weight:500;border-bottom:1px solid var(--line);padding:11px 12px;white-space:nowrap}td{font-size:11px;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top;max-width:250px;overflow-wrap:anywhere}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tr:last-child td{border-bottom:0}td small{display:block;font-size:9px;margin-top:4px}td a{color:var(--green);font-weight:600}.table-empty{text-align:center;padding:45px!important;color:var(--muted)}.empty-state{text-align:center;padding:38px 15px;color:var(--muted)}.empty-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;background:var(--soft);border-radius:50%;color:#8fa180;margin:0 auto 14px}.empty-state h3{font-size:14px;letter-spacing:-.2px;color:#65745e}.empty-state p{font-size:11px;margin:0 auto;max-width:310px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding-top:20px;color:var(--muted);font-size:11px}.detail-list{margin:20px 0}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere;max-width:65%}.detail-list .highlight{background:var(--soft);border:0;border-radius:8px;padding:18px;margin-top:12px;color:var(--green)}.detail-list .highlight dt{color:var(--green)}.search-form{display:flex;gap:10px;align-items:center;margin-bottom:22px;max-width:580px}.search-form>.icon{color:#97a08e;width:17px;height:17px}.search-form input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;font-size:12px}.filter-form{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.filter-form .field{margin-bottom:0;flex:1;min-width:130px}.form-card{max-width:800px}.break,pre{overflow-wrap:anywhere;white-space:pre-wrap}pre{font-size:10px;max-width:340px}.admin-record{padding:10px 0 30px;border-bottom:1px solid var(--line);margin-bottom:25px}.admin-record:last-child{border:0;margin:0;padding-bottom:0}.admin-record form{max-width:600px}.content-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
/* Authentication */
.auth-shell{display:grid;grid-template-columns:.95fr 1.05fr;min-height:100vh}.auth-story{background:var(--green-dark);padding:44px 55px;color:#f0f5e7;display:flex;flex-direction:column;justify-content:space-between;gap:60px;overflow:hidden}.auth-story .logo-mark i{background:#d7ecb5}.auth-story .logo-three{color:#c4dfa0}.auth-story>.logo{align-self:flex-start}.auth-story h1{font-size:53px;line-height:1.1;letter-spacing:-2px}.auth-story h1 em{color:#c5dca7}.auth-story p{font-size:12px;color:#a6c0ad;line-height:1.9}.auth-story .eyebrow{font-size:8px;color:#9eb98c}.auth-story .small-copy{margin-bottom:0;font-size:9px}.auth-art{margin-top:45px;display:flex;gap:35px;align-items:center;border-top:1px solid #ffffff20;padding-top:35px;color:#b1c899}.auth-art>.icon{width:80px;height:80px;stroke-width:.7}.auth-art>span{font-size:10px;letter-spacing:3px;line-height:2}.auth-main{padding:40px 9%;display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0}.auth-back{font-size:11px;margin-bottom:45px;color:var(--muted)}.auth-form{max-width:490px;width:100%;margin:auto}.auth-form h1{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.auth-form>p{font-size:12px;margin-bottom:27px}.auth-form .eyebrow{font-size:8px}.auth-form form>.btn{width:100%}.auth-switch{text-align:center;font-size:11px!important;margin-top:26px}.auth-switch a{font-weight:600;color:var(--green)}.auth-switch .icon{width:14px;height:14px}.auth-legal{display:flex;justify-content:center;gap:27px;font-size:10px;color:#8a9482;margin-top:40px}.auth-form .form-grid{gap:0 14px}
/* Member workspace */
.app-body{background:#f5f7f2}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:29px 17px 12px;overflow:auto;scrollbar-width:thin}.sidebar>.logo{margin-left:15px;align-self:flex-start;font-size:24px}.workspace-label{font-size:7px;letter-spacing:1.7px;color:#a3ac9c;margin:18px 0 25px 17px}.sidebar nav{flex:1}.nav-label{display:block;font-size:7px;letter-spacing:1.4px;color:#a0aa97;margin:20px 16px 9px;font-weight:600}.nav-label:first-child{margin-top:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:7px;color:#7c8874;font-size:11px;margin-bottom:3px;position:relative;text-align:left;width:100%}.nav-item .icon{width:16px;height:16px;color:#8b9881}.nav-item:hover{background:var(--soft);color:var(--green)}.nav-item.active{background:#eaf1e3;color:var(--green);font-weight:600}.nav-item.active .icon{color:var(--green)}.nav-item.active i{width:5px;height:5px;border-radius:50%;background:#6d8a50;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.logout-button{border:0;background:none;font:inherit;font-size:11px}.app-shell{margin-left:238px;min-height:100vh}.app-header{height:83px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.header-left{display:flex;align-items:center;gap:17px;font-size:10px;min-width:0}.header-left>a{display:flex;align-items:center;gap:8px;color:#778371}.header-left .icon{width:14px;height:14px}.header-divider{height:13px;width:1px;background:var(--line)}.muted{color:var(--muted)}.app-header .header-actions{gap:14px}.app-header .icon-button{width:30px;height:30px}.app-header .icon-button .icon{width:17px;height:17px}.user-chip{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px;font-size:11px;font-weight:600}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e9eedb;color:#60734e;font-size:12px;font-weight:600;flex:none}.user-chip small{display:block;font-size:8px;font-weight:400;margin-top:2px}.app-main{padding:32px 36px 0;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:9px}.page-heading h1{font-size:28px;letter-spacing:-.9px;margin-bottom:8px}.page-heading p{font-size:11px;margin:0}.date-chip{display:flex;align-items:center;gap:7px;font-size:9px;color:#87927e;white-space:nowrap;border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:#fafbf8}.date-chip .icon{width:13px;height:13px}.welcome-card{background:#1a4d3d;color:#edf4e7;border-radius:15px;min-height:245px;display:flex;justify-content:space-between;padding:30px 36px;position:relative;overflow:hidden;margin-bottom:25px}.welcome-card .eyebrow{color:#aec597;font-size:8px;letter-spacing:1.4px;margin-bottom:14px}.welcome-card h2{font-size:31px;line-height:1.13;margin-bottom:12px;letter-spacing:-1px}.welcome-card p{font-size:10px;line-height:1.8;color:#a6bfae;margin-bottom:20px}.welcome-card .btn{font-size:10px;padding:10px 15px;min-height:38px;gap:18px}.welcome-card .btn .icon{width:15px;height:15px}.welcome-art{position:relative;width:280px;flex:none}.welcome-art:before,.welcome-art:after{content:"";position:absolute;inset:-10px -50px -15px -40px;border:1px solid #cce3ae25;border-radius:50%;transform:rotate(-32deg)}.welcome-art:after{transform:rotate(30deg)}.mini-book{background:#d6e5b9;color:#31503a;padding:18px 23px;width:155px;height:210px;position:absolute;right:36px;top:5px;box-shadow:5px 8px 0 #102f252b,6px 2px 0 #c8d3ad;transform:rotate(13deg);font-size:9px;font-weight:700;z-index:1;border-radius:2px 5px 5px 2px}.mini-book>span{font-weight:500;display:block;font-size:30px;line-height:1.08;margin-top:25px;letter-spacing:-1px}.mini-book small{display:block;font-size:4px;letter-spacing:.8px;color:#668450;margin-top:22px}.welcome-spark{font-size:70px;color:#aac790;position:absolute;left:5px;bottom:0;font-family:Arial,sans-serif;z-index:2;font-weight:200}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px 19px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#839077;font-size:10px;margin-bottom:14px}.stat-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:#f1f4eb;border-radius:7px}.stat-icon .icon{width:15px;height:15px;color:#859974}.stat-card>strong{display:block;font-size:23px;font-weight:550;letter-spacing:-.7px;overflow-wrap:anywhere}.stat-card>small{font-size:8px;display:block;margin-top:6px;color:#a0a995}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.dashboard-grid>.card{min-width:0}.resource-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.resource-row:last-of-type{border:0}.resource-icon{display:flex;align-items:center;justify-content:center;flex:none;width:45px;height:52px;border-radius:6px;background:#edf2e3;color:#77915e}.resource-icon.light{background:#f5f2e7;color:#a69871}.resource-icon>.icon{width:20px;height:20px}.resource-row h4{font-size:12px;letter-spacing:-.1px;margin-bottom:5px}.resource-row p{font-size:9px;margin:0}.resource-row>.icon-button{margin-left:auto;border:1px solid var(--line);width:28px;height:28px}.resource-row>.icon-button .icon{width:13px;height:13px}.referral-card{background:#eff3e8}.referral-card>.eyebrow{font-size:8px}.referral-card>h3{font-size:23px;line-height:1.25;margin-bottom:12px}.referral-card>p{font-size:10px}.copy-field{display:flex;border:1px solid #dce4d1;border-radius:7px;background:#fff;align-items:center;overflow:hidden;margin:22px 0 17px}.copy-field>input{width:100%;min-width:0;border:0;outline:0;padding:13px;color:#7b8b6c;background:transparent;font-size:10px}.copy-field>.icon-button{margin-right:5px;flex:none;color:#718960;width:28px;height:28px}.copy-field>.icon-button .icon{width:14px;height:14px}.referral-card>.text-link{font-size:10px}.checklist>a,.checklist>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;padding:14px 0;border-bottom:1px solid var(--line)}.checklist>a:last-child,.checklist>div:last-child{border:0}.checklist strong{font-size:10px}.compact-stats .stat-card{background:transparent}.compact-stats .stat-card>strong{font-size:19px}.app-footer{margin-top:30px;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#98a18e}.bottom-nav{display:none}.referral-large{max-width:850px;padding:45px}.referral-large>h2{margin-top:24px}.resource-download{padding:25px 0;border-bottom:1px solid var(--line)}.resource-download:last-child{border:0}.resource-download>.icon{color:#84956d;width:30px;height:30px;margin-bottom:20px}.resource-download p{font-size:11px}.resource-download .btn{font-size:11px}.balance-card{border-radius:16px;background:var(--green);color:#eff4e8;padding:27px;margin-bottom:24px;min-width:0}.balance-card .card-heading>span{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.balance-card h2{font-size:39px;letter-spacing:-1px;margin:12px 0 28px}.balance-card h2 small{font-size:15px;color:inherit;font-weight:400}.balance-card p{font-size:11px;color:#b1c5ac;margin:0}.balance-card p>strong{color:#dde9d2;float:right;font-weight:500}.balance-light{background:#e9eee0;color:var(--green);border:1px solid #dce5cf}.balance-light p{color:#829271}.balance-light p>strong{color:var(--green)}.balance-light .btn.ghost{border-color:#c7d3b9}.payment-instructions{padding:18px 0;border-bottom:1px solid var(--line)}.payment-instructions h4{display:flex;gap:12px;align-items:center}.payment-instructions p{font-size:12px;overflow-wrap:anywhere}.withdrawal-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.withdrawal-row>div{min-width:0}.withdrawal-row small{display:block;margin-top:6px;overflow-wrap:anywhere;font-size:9px}.withdrawal-row p{font-size:11px}.withdrawal-row form{max-width:220px}.notification-row{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.notification-row h3{font-size:15px;margin-bottom:8px}.notification-row p{font-size:12px;margin-bottom:8px}.notification-row small{font-size:9px}.ticket-message{padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.ticket-message>div{display:flex;justify-content:space-between;gap:14px;font-size:12px}.ticket-message p{font-size:12px;color:var(--text);margin-top:13px;margin-bottom:0}.matrix-tree{padding:20px 0 40px}.matrix-person{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.matrix-person>.avatar{width:46px;height:46px;background:var(--green);color:#d5e8be}.matrix-person>strong{font-size:12px}.matrix-person>small{font-size:7px;letter-spacing:1px}.matrix-branches{display:flex;justify-content:space-between;gap:10px;position:relative;padding-top:58px}.matrix-branches:before{content:"";position:absolute;left:16%;right:16%;top:28px;height:29px;border:1px solid #cbd8bf;border-bottom:0;border-radius:9px 9px 0 0}.matrix-branches:after{content:"";position:absolute;left:50%;width:1px;height:58px;background:#cbd8bf;top:0}.matrix-position{display:flex;flex-direction:column;align-items:center;text-align:center;width:33.333%;gap:7px;z-index:1}.matrix-position>span{border:1px dashed #c8d5bd;background:#f8faf5;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#9dac8f}.matrix-position.filled>span{background:var(--green);color:#e1edcd;border:0}.matrix-position>strong{font-size:10px;letter-spacing:-.2px;max-width:110px}.matrix-position>small{font-size:7px;letter-spacing:.6px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:8px}progress{appearance:none;width:100%;height:6px;border:0;border-radius:8px;background:#e6ecdf;overflow:hidden}progress::-webkit-progress-bar{background:#e6ecdf}progress::-webkit-progress-value{background:#8dae6d;border-radius:8px}progress::-moz-progress-bar{background:#8dae6d}.hierarchy-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.hierarchy-controls label{font-size:10px}.hierarchy-controls select,.hierarchy-controls input{display:block;margin-top:4px;font-size:11px;min-height:38px;padding:8px 12px}.tree-viewport{height:450px;overflow:hidden;border:1px solid var(--line);border-radius:12px;margin-block:20px;background-color:#f8faf5;background-image:radial-gradient(#cad6c0 1px,transparent 1px);background-size:18px 18px;touch-action:none;cursor:grab}.tree-viewport.dragging{cursor:grabbing}#tree-content{padding:35px;transform-origin:top left;min-width:100%;width:max-content}.tree-root{display:flex;flex-direction:column;gap:8px;align-items:center;width:165px;margin:0 auto 35px;padding:18px;background:var(--green);color:#e9f0df;border-radius:12px}.tree-root strong{font-size:12px}.tree-root span{font-size:9px;color:#b5c5a4}#tree-nodes{display:flex;gap:15px;justify-content:center}.tree-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;border:1px solid #d0ddc3;background:var(--surface);border-radius:12px;width:175px;text-align:center;font-size:11px;color:var(--text)}.tree-node small{font-size:8px}.tree-node>strong{font-size:12px}.tree-node .badge{font-size:8px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 25px;border-radius:9px;background:#173f32;color:white;box-shadow:var(--shadow);font-size:12px;z-index:100;max-width:90%;text-align:center}.toast[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;max-width:460px;width:calc(100% - 32px);background:var(--surface);color:var(--text);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#153b2d88;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin-top:22px}dialog p{font-size:13px}.dialog-icon{width:46px;height:46px;background:var(--soft);color:var(--green);display:flex;align-items:center;justify-content:center;border-radius:12px}dialog .button-row{justify-content:flex-end;margin-bottom:0}
@media(min-width:1500px){.hero h1{font-size:76px}.hero{gap:65px}}
@media(max-width:1200px){.container{width:calc(100% - 60px)}.public-nav{margin-left:0;gap:25px}.hero{gap:15px}.hero-art{height:455px;margin-left:0}.book-front{left:28px;top:85px;width:200px;height:290px}.book-back{left:185px;top:110px;width:180px;height:275px}.book-title{font-size:30px}.book-back .book-title{font-size:23px}.art-label{left:80px;font-size:7px}.art-caption{left:60px;font-size:6px}.price-tag{right:-8px;top:48px;padding:13px}.resource-tag{bottom:35px;left:8px}.hero h1{font-size:62px}.hero-asterisk{font-size:37px;margin-left:12px}.hero-cta{gap:16px}.hero-cta>.btn{padding:13px 16px;font-size:11px}.hero-cta>.text-link{font-size:10px}.sidebar{width:214px;padding-inline:12px}.app-shell{margin-left:214px}.app-main{padding:27px 25px 0}.app-header{padding-inline:25px}.stats-grid{gap:12px}.stat-card{padding:17px 14px}.stat-card>strong{font-size:20px}.stat-top{font-size:9px}.dashboard-grid{gap:18px}.card{padding:23px}.welcome-art{width:240px}.community-grid{gap:65px}}
@media(max-width:1000px){.hero h1{font-size:53px;letter-spacing:-2.7px}.hero{min-height:550px;padding-top:30px}.hero-art{height:400px}.book-front{left:20px;top:78px;width:174px;height:260px;padding:20px}.book-back{left:151px;top:104px;width:162px;height:239px;padding:19px}.book-title{font-size:27px;margin-top:22px}.book-back .book-title{font-size:21px}.book-brand{font-size:8px}.book-brand span{font-size:3px}.book-title>span{font-size:4px}.book-graphic{gap:5px;margin-top:10px}.book-lines{height:65px}.book-foot{font-size:4px}.price-tag{right:-10px;top:44px;padding:11px}.price-tag strong{font-size:37px}.price-tag>span:last-child{font-size:5px}.resource-tag{left:0;bottom:22px;padding:10px 13px}.art-label{left:55px;top:27px;font-size:6px}.art-caption{left:48px;bottom:15px;font-size:5px}.hero-copy>p{font-size:12px}.pill{font-size:6px}.hero-notes{font-size:8px;gap:14px}.hero-cta{gap:13px}.public-nav{gap:20px}.public-nav a{font-size:11px}.header-actions{gap:14px}.logo{font-size:22px}.feature-card{padding:24px}.feature-card h3{font-size:18px}.section{padding-block:65px}.section-heading h2{font-size:31px}.faq-layout{gap:55px}.footer-grid{gap:30px}.sidebar{width:195px;padding-inline:10px}.sidebar>.logo{font-size:21px;margin-left:12px}.workspace-label{font-size:6px;margin-left:13px;letter-spacing:1.3px}.nav-item{font-size:10px;padding:10px 11px;gap:10px}.nav-item .icon{width:15px;height:15px}.nav-label{font-size:6px}.app-shell{margin-left:195px}.app-main{padding-inline:22px}.app-header{padding-inline:22px}.header-left>.muted,.header-divider{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card>strong{font-size:24px}.stat-top{font-size:11px}.stat-card>small{font-size:9px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card{margin-bottom:0}.dashboard-grid{margin-bottom:24px}.date-chip{display:none}.welcome-art{width:200px}.welcome-card{padding:28px}.welcome-card h2{font-size:29px}.mini-book{width:140px;height:195px;right:13px}.mini-book>span{font-size:27px}.welcome-spark{left:-8px}.welcome-card p{font-size:9px}.balance-card{margin-bottom:0}.auth-story{padding:35px}.auth-story h1{font-size:43px}.auth-main{padding:35px 7%}.auth-form .form-grid{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.announcement{font-size:8px;padding:9px 12px}.announcement a{display:inline-flex;align-items:center;margin-left:4px}.public-header{height:75px;gap:15px;position:relative}.public-header .mobile-toggle{display:flex;margin-left:auto;order:2}.public-header .header-actions{order:1}.public-header .header-actions>.btn{padding:9px 12px;font-size:10px;min-height:35px}.public-header .header-actions>.btn .icon{width:14px;height:14px}.login-link{display:none}.public-nav{display:none;position:absolute;top:65px;left:0;right:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.public-nav.is-open{display:flex;flex-direction:column;gap:18px}.public-nav a{font-size:14px}.hero{display:flex;flex-direction:column;gap:38px;padding:25px 0 45px;align-items:stretch}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(49px,9.5vw,70px);letter-spacing:-2.7px;line-height:1.07}.hero h1 br:nth-child(2){display:none}.hero h1 em{display:block}.hero-asterisk{position:absolute;right:6%;bottom:14px;font-size:39px}.pill{font-size:7px;padding:6px 10px;letter-spacing:1px;margin-bottom:20px}.hero-copy>p{font-size:13px;max-width:400px;line-height:1.8;margin-bottom:20px}.hero-cta{margin-block:23px;gap:20px}.hero-cta>.btn{font-size:11px;padding:13px 18px}.hero-cta>.text-link{font-size:10px}.hero-notes{font-size:9px;gap:24px}.hero-art{width:min(470px,100%);height:400px;margin:auto;border-radius:95px 14px 95px 14px}.book-front{left:15%;top:70px;width:186px;height:267px}.book-back{left:51%;top:100px;width:163px;height:247px}.price-tag{right:1%;top:30px}.art-label{left:26%;top:25px}.art-caption{left:23%;bottom:16px}.resource-tag{left:5%;bottom:22px}.trust-strip>.container{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;padding-block:23px}.trust-strip span{font-size:9px;gap:8px}.trust-strip .icon{width:16px;height:16px}.section{padding-block:53px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:17px}.section-heading>.text-link{margin-top:20px}.section-heading h2{font-size:30px}.eyebrow{font-size:8px;letter-spacing:1.6px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:24px}.feature-top{margin-bottom:21px}.feature-card h3{font-size:21px}.feature-card p{max-width:450px}.feature-link{font-size:11px}.promo-slide{padding:35px 25px 50px;grid-template-columns:1fr;gap:0;min-height:315px}.promo-slide h2{font-size:30px;max-width:290px}.promo-slide p{font-size:12px;max-width:270px}.banner-symbol{position:absolute;right:-14px;bottom:30px;font-size:165px;opacity:.16;pointer-events:none}.banner-symbol span{display:none}.banner-symbol:before,.banner-symbol:after{display:none}.steps-grid{grid-template-columns:1fr;gap:19px}.step{display:grid;grid-template-columns:50px 1fr;column-gap:20px;padding-top:0}.step-number{grid-row:span 2;width:43px;height:43px;font-size:13px;margin:0}.step h3{margin-bottom:9px;font-size:19px;padding-top:3px}.step p{max-width:none;font-size:12px;grid-column:2;margin-bottom:0}.step:not(:last-child):after{left:21px;right:auto;top:48px;height:calc(100% - 37px);border:0;border-left:1px dashed #ced8c5}.community-section{padding:45px 0}.community-grid{display:flex;flex-direction:column-reverse;gap:20px;align-items:stretch}.community-grid h2{font-size:32px}.community-grid>div>p{font-size:12px}.network-art{max-width:390px;width:100%;margin:auto;padding-bottom:0}.network-caption{font-size:6px}.faq-layout{grid-template-columns:1fr;gap:10px}.faq-layout h2{font-size:31px}.faq-layout>div>p br{display:none}.faq-list summary{font-size:12px}.final-cta{padding:42px 22px}.final-cta h2{font-size:32px}.final-cta .eyebrow{font-size:7px}.final-cta .btn{font-size:11px}.risk-note{padding-block:25px 35px;gap:10px}.risk-note p{font-size:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:33px 22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h4{font-size:12px;margin-bottom:17px}.footer-grid>div>a:not(.logo){font-size:10px}.footer-grid>div:first-child>p{display:inline-block;margin-left:25px;vertical-align:middle;font-size:10px}.footer-grid>div:first-child>.eyebrow{margin:0}.footer-grid .logo{font-size:22px}.footer-bottom{font-size:8px;gap:15px}.center-heading h1{font-size:43px}.center-heading{margin-bottom:35px}.center-heading p{font-size:12px}.package-detail{grid-template-columns:1fr;gap:35px}.package-visual{min-height:330px;padding:30px}.package-visual h2{font-size:38px}.package-description h2{font-size:29px}.package-description>p{font-size:12px}.prose{font-size:13px;line-height:1.9}.resource-callout{padding:24px;gap:15px}.resource-callout .btn{margin-left:0}.resource-callout h3{font-size:17px}.auth-shell{display:block;min-height:100vh}.auth-story{display:none}.auth-main{min-height:100vh;padding:25px 24px}.auth-back{margin-bottom:35px}.auth-form{max-width:460px}.auth-form h1{font-size:31px}.auth-form .form-grid{grid-template-columns:1fr 1fr}.auth-legal{margin-top:35px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;box-shadow:var(--shadow);padding-top:25px;bottom:64px}.sidebar.is-open{transform:translateX(0)}.sidebar .nav-item{font-size:12px;padding:11px 15px}.sidebar .nav-item .icon{width:17px;height:17px}.sidebar .nav-label{font-size:8px}.sidebar .workspace-label{font-size:7px}.app-shell{margin-left:0}.app-header{height:68px;padding:0 18px}.app-header .mobile-toggle{display:flex;width:33px;height:33px}.app-header .mobile-toggle .icon{width:21px;height:21px}.header-left{gap:11px}.header-left>a{font-size:9px}.header-left>a .icon{display:none}.app-header .header-actions{gap:8px}.user-chip{padding-left:9px;gap:7px}.user-chip>span:last-child{display:none}.user-chip .avatar{width:30px;height:30px}.app-header .icon-button{width:29px;height:29px}.app-main{padding:25px 17px 70px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:25px;letter-spacing:-.7px;line-height:1.15}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:7px;margin-bottom:9px}.welcome-card{padding:25px 23px;min-height:250px}.welcome-card>div:first-child{z-index:2;position:relative}.welcome-card h2{font-size:28px}.welcome-card .eyebrow{font-size:6px;letter-spacing:1.2px}.welcome-card p{font-size:9px}.welcome-art{position:absolute;right:4px;bottom:34px;width:135px;height:180px;opacity:.27}.welcome-art:before,.welcome-art:after{display:none}.mini-book{width:123px;height:174px;right:5px;top:0;padding:16px}.mini-book>span{font-size:25px;margin-top:20px}.mini-book small{font-size:3px}.welcome-spark{font-size:45px;left:-8px;bottom:-24px}.welcome-card .btn{font-size:9px;gap:14px}.stats-grid{gap:11px;margin-bottom:20px}.stat-card{padding:15px 13px}.stat-top{font-size:8px;margin-bottom:12px}.stat-icon{width:25px;height:25px}.stat-icon .icon{width:13px;height:13px}.stat-card>strong{font-size:21px}.stat-card>small{font-size:7px;line-height:1.6}.dashboard-grid{gap:19px;margin-bottom:20px}.card{padding:21px 19px;border-radius:13px;margin-bottom:20px}.card-heading{margin-bottom:19px}.card-heading h3{font-size:17px}.card-heading>.badge{font-size:7px}.card-heading .text-link{font-size:9px}.card-heading .text-link .icon{width:13px;height:13px}.resource-row h4{font-size:12px}.resource-row p{font-size:9px}.referral-card h3{font-size:25px}.referral-card p{font-size:11px}.referral-card .eyebrow{font-size:7px}.checklist>a,.checklist>div{font-size:10px;padding:14px 0}.compact-stats .stat-card>strong{font-size:17px}.app-footer{font-size:7px;margin-top:25px;gap:10px}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);height:65px;z-index:40;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#7c8d6d;min-width:48px}.bottom-nav .icon{width:18px;height:18px}.toast{bottom:83px}.referral-large{padding:25px}.referral-large h2{font-size:26px}.copy-field>.btn{padding:12px;font-size:10px;gap:5px;min-width:85px}.copy-field>.btn .icon{width:14px;height:14px}.balance-card{padding:24px}.balance-card h2{font-size:38px}.balance-card .button-row{margin-bottom:0}.balance-card .btn{font-size:11px}.withdrawal-row{flex-wrap:wrap;gap:12px}.withdrawal-row form{max-width:none;width:100%}.withdrawal-row>.badge{margin-left:auto}.form-grid{gap:0 13px}.field>span:first-child{font-size:10px}.field input,.field textarea,.field select{font-size:14px}.filter-form{gap:12px}.filter-form>.btn{width:100%}.table-scroll{overflow:visible}table{min-width:0}thead{display:none}table tbody{display:block}tr{display:block;padding:15px 0;border-bottom:1px solid var(--line)}tr:last-child{border:0}td{display:flex;justify-content:space-between;gap:14px;max-width:none;width:100%;padding:5px 0;border:0;text-align:right;font-size:11px;align-items:flex-start}td:before{content:attr(data-label);text-align:left;font-size:9px;color:var(--muted);flex:0 0 95px}td small{display:inline;font-size:8px}td:has(small){flex-wrap:wrap}td:has(small)>small{width:calc(100% - 109px);margin-left:auto}td.table-empty{display:block;text-align:center;padding:22px 10px!important}td.table-empty:before{display:none}.notification-row{gap:12px}.notification-row .feature-icon{width:35px;height:35px;flex:none}.notification-row h3{font-size:14px}.notification-row p{font-size:11px}.notification-row small{font-size:8px}.hierarchy-controls{gap:10px}.hierarchy-controls label:nth-child(2){flex:1}.hierarchy-controls input{width:100%;min-width:100px}.tree-viewport{height:390px}.ticket-message{padding:16px}.ticket-message>div{flex-wrap:wrap;gap:5px}.ticket-message small{font-size:8px}.content-tabs{gap:7px}.content-tabs .btn{font-size:9px;padding:8px 10px}.notice{font-size:10px;padding:12px 14px}.detail-list>div{font-size:11px}dialog{padding:26px}dialog .btn{font-size:11px;padding:12px 14px}.admin-record .card-heading{align-items:flex-start}.admin-record .card-heading h3{font-size:16px}.admin-record .card-heading p{font-size:11px}}
@media(max-width:380px){.hero-cta{gap:15px}.hero-cta>.btn{font-size:10px;padding:12px 14px}.hero-cta>.text-link{font-size:9px}.hero-art{height:355px}.book-front{left:10%;width:166px;height:238px;top:68px;padding:17px}.book-back{left:49%;width:147px;height:222px;top:85px;padding:16px}.book-title{font-size:25px}.book-back .book-title{font-size:20px}.book-title>span{font-size:3px}.book-lines{height:51px}.price-tag{top:28px}.resource-tag{bottom:17px;left:1%;font-size:8px}.art-caption{font-size:4px;bottom:10px}.auth-form .form-grid,.form-grid{grid-template-columns:1fr}.public-header .logo{font-size:20px}.public-header .logo-three{font-size:27px}.public-header .logo-mark{width:25px}.public-header .header-actions>.btn{font-size:9px;padding:8px 10px}.hero h1{font-size:47px}.stat-card>strong{font-size:18px}.app-main{padding-inline:13px}.card{padding:19px 16px}.header-left>a>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.app-header,.bottom-nav,.public-header,.announcement,.public-footer,.button-row,.btn{display:none!important}.app-shell{margin:0}.app-main{padding:0}.card{break-inside:avoid}.container{width:100%}}
.profile-photo{width:88px;height:88px;object-fit:cover;border-radius:50%;border:3px solid var(--soft);margin-bottom:25px}.package-cover{max-height:420px;width:100%;object-fit:contain;border-radius:10px}

/* ===== FULL WEBSITE CLEAN PREMIUM PALETTE — 2026-09-20 =====
   Shared color system only. No layout or business-logic changes. */
:root{
  --bg:#f7f9fb;
  --surface:#ffffff;
  --text:#20362f;
  --muted:#607069;
  --green:#174d3d;
  --green-dark:#103b30;
  --line:#d6dfe7;
  --soft:#eef3f7;
  --lime:#e4e8f6;
  --shadow:0 8px 28px rgba(31,52,70,.065);
}
body{background:#f7f9fb;color:#20362f}
p,small{color:#607069}

/* Crisp controls used everywhere */
input,select,textarea{
  background:#fff;
  border-color:#cbd6df;
  color:#20362f;
}
input:focus,select:focus,textarea:focus{
  border-color:#91a9b8;
  outline-color:#91a9b8;
  box-shadow:0 0 0 3px rgba(145,169,184,.12);
}
.btn.secondary{background:#fff;border-color:#cbd6df;color:#20362f}
.btn.secondary:hover{background:#eef3f7}
.icon-button:hover{background:#eef3f7}

/* Shared neutral surfaces */
.notice,.table-scroll,dialog{
  border-color:#d6dfe7;
  box-shadow:0 7px 20px rgba(31,52,70,.045);
}
.table-scroll,table{background:#fff}
th{background:#f3f6f9;color:#607069}
td{border-color:#e2e8ee}
.badge.neutral{background:#edf2f6;color:#5b6a73;border-color:#d7e0e7}

/* Login / register / verification pages use the same premium canvas. */
.auth-body,.auth-body .auth-main{background:#f7f9fb;color:#20362f}
.auth-body .auth-form{
  background:#ffffff;
  border-color:#d6dfe7;
  box-shadow:0 12px 34px rgba(31,52,70,.06);
}
.auth-body .auth-story{
  background:linear-gradient(145deg,#e5edf7 0%,#dfeee9 48%,#ece7f5 100%);
  color:#20362f;
}
.auth-body .auth-story p{color:#607069}
.auth-body .field input,.auth-body .field select,.auth-body .field textarea{background:#fff;border-color:#cbd6df}
.auth-body .auth-legal{color:#607069}

/* SUPER3 brand image logo — compressed WebP replacement for the legacy text mark. */
.logo.logo-image-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;font-size:0;line-height:0;letter-spacing:0;white-space:normal;flex:none}
.logo.logo-image-link .site-logo-image{display:block;width:148px;height:auto;max-width:100%;object-fit:contain}
.public-header .logo.logo-image-link .site-logo-image{width:160px}
.public-menu-top .logo.logo-image-link .site-logo-image{width:150px}
.footer-grid .logo.logo-image-link .site-logo-image{width:148px}
.auth-brand .logo.logo-image-link .site-logo-image{width:160px}
@media(max-width:680px){
  .public-header .logo.logo-image-link .site-logo-image{width:138px}
  .public-menu-top .logo.logo-image-link .site-logo-image{width:138px}
  .footer-grid .logo.logo-image-link .site-logo-image{width:132px}
  .auth-brand .logo.logo-image-link .site-logo-image{width:136px}
}
@media(max-width:380px){.public-header .logo.logo-image-link .site-logo-image{width:126px}}