@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-vietnamese-400-normal.2pfkn3g7wwn5d.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-400-normal.0jx4ftenpz7nn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-ext-400-normal.0nstv631bqswv.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-400-normal.2dgpnwoa-g_sq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-400-normal.0nlbkvxqdexvu.woff2)format("woff2"),url(../media/space-grotesk-latin-400-normal.2235qcybq8ygl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-vietnamese-500-normal.32w_8-q5bbe5v.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-500-normal.1gksubtjqhveb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-ext-500-normal.1wfxy-y2qxssa.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-500-normal.02-69q69ru7pt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-500-normal.31yp0bkv7z4ku.woff2)format("woff2"),url(../media/space-grotesk-latin-500-normal.1_3k4-aqyhjfx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-vietnamese-600-normal.3834f08n2_6o3.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-600-normal.0hdngf6mwsddm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-latin-ext-600-normal.352h2slpd39ug.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-600-normal.32f92gh7qy7-0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-latin-600-normal.31umv2m7yy2ah.woff2)format("woff2"),url(../media/space-grotesk-latin-600-normal.0x_mo8waoj-3s.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-vietnamese-700-normal.2079_v52-acv9.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-700-normal.2mlf-kuhoa5_u.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-latin-ext-700-normal.43i7yldsfszy-.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-700-normal.36x9af1aeb09i.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-latin-700-normal.2lryt7vlpdgap.woff2)format("woff2"),url(../media/space-grotesk-latin-700-normal.1548_r5u-5cgx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--green:#15803d;--hover:#166534;--fresh:#4ade80;--deep:#123524;--muted:#52645a;--mint:#eaf8ef;--border:#dce8df;--canvas:#f7fbf8;--counter:#b91c1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--deep);background:#fff;margin:0;font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}h1{font-size:52px;font-weight:600}h2{font-size:42px;font-weight:600}h3{letter-spacing:-.03em;font-size:20px;font-weight:600}p{color:var(--muted)}small{font-size:12px;line-height:1.5}svg{flex-shrink:0}::selection{background:#b9edca}:focus-visible{outline-offset:4px;outline:3px solid #28a25b}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.green{color:var(--green)}.muted{color:var(--muted)}.block{display:block}.between{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--green);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.button{background:var(--green);color:#fff;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:49px;padding:13px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:var(--hover);transform:translateY(-1px)}.button.small{min-height:42px;padding:10px 18px;font-size:12px}.button.secondary{color:var(--deep);border:1px solid var(--border);background:#fff}.button.secondary:hover{background:var(--mint)}.full{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-link{color:var(--green);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{gap:14px}.icon-button{min-width:44px;min-height:44px;color:var(--deep);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--mint)}.text-button{color:var(--green);background:0 0;padding:14px 0;font-size:13px;font-weight:600}.demo-bar{color:#d0ebd9;letter-spacing:1px;background:#123524;align-items:center;gap:16px;min-height:28px;padding:5px 24px;font-size:9px;display:flex}.demo-bar span{letter-spacing:0;color:#adc6b6}.demo-bar a:first-of-type{margin-left:auto}.demo-bar a{color:#fff;letter-spacing:0}.skip-link{background:var(--deep);color:#fff;z-index:100;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.public-header{justify-content:space-between;align-items:center;gap:35px;max-width:1260px;margin:auto;padding:27px 32px;display:flex}.brand{color:var(--deep);flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-symbol{letter-spacing:-3px;font-size:33px;font-weight:700;line-height:1;display:block;position:relative}.brand-symbol>span{letter-spacing:-3px}.brand-symbol i{background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:-3px}.brand>span:last-child{letter-spacing:1.2px;border-left:1px solid #9eafa4;padding-left:10px;font-size:9px;font-weight:700;line-height:28px}.public-header nav{gap:32px;font-size:12px;font-weight:500;display:flex}.public-header nav a:hover{color:var(--green)}.header-actions{align-items:center;gap:25px;display:flex}.login-link{font-size:12px;font-weight:600}.menu-toggle{display:none}.hero{grid-template-columns:1.06fr 1fr;align-items:center;gap:45px;min-height:620px;padding-top:47px;padding-bottom:72px;display:grid}.hero-content{z-index:2;position:relative}.hero h1{letter-spacing:-4px;margin:24px 0 28px;font-size:64px;line-height:1.09}.highlight{color:var(--green);position:relative}.highlight svg{fill:none;stroke:#9fda7f;stroke-width:5px;stroke-linecap:round;width:100%;height:18px;position:absolute;bottom:-12px;left:0}.hero-description{max-width:415px;margin-bottom:27px;font-size:15px;line-height:1.8}.join-control{flex-direction:column;width:295px;display:flex}.join-control .button{border-radius:0 0 9px 9px;justify-content:space-between;min-height:52px;font-size:14px}.count-strip{background:var(--counter);color:#fff;border-radius:7px 7px 0 0;justify-content:center;align-items:center;gap:7px;padding:6px 9px;font-size:10px;font-weight:500;display:flex}.live-dot{background:#51c87c;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #51c87c15}.count-strip .live-dot{box-shadow:none;background:#fff;width:4px;height:4px}.hero-secondary{flex-direction:column;gap:9px;margin-top:16px;display:flex}.hero-secondary a{align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.hero-secondary>span{color:#75857b;font-size:10px}.hero-community{align-items:center;gap:13px;margin-top:32px;display:flex}.avatar-stack{padding-left:5px;display:flex}.avatar-stack>span{color:#2d5441;border:2px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-5px;font-size:8px;font-weight:600;display:grid}.hero-community strong{font-size:10px;display:block}.hero-community small{color:var(--muted);font-size:9px;display:block}.hero-art{isolation:isolate;background:radial-gradient(at 50% 48%,#e9f6df 0%,#f5faef 48%,#fff 70%);justify-content:center;align-items:center;min-height:490px;display:flex;position:relative}.orbit{z-index:-1;border:1px solid #d6e6ca;border-radius:50%;position:absolute}.orbit-one{width:475px;height:475px}.orbit-two{width:370px;height:370px}.hero-flyer-wrap{border-radius:12px;width:300px;transform:rotate(7deg);box-shadow:8px 20px 32px #12352426}.flyer{background:var(--deep);color:#fff;aspect-ratio:4/5;background-image:radial-gradient(circle at 100% 0,#2e5a37,#0000 60%);border-radius:9px;flex-direction:column;width:100%;max-width:310px;padding:22px 22px 27px;display:flex;position:relative;overflow:hidden}.flyer:before{content:"400";color:#ffffff04;letter-spacing:-15px;font-size:165px;font-weight:700;position:absolute;top:135px;right:-24px;transform:rotate(-90deg)}.flyer-top{justify-content:space-between;align-items:center;display:flex;position:relative}.flyer-top>span:first-child{letter-spacing:-2px;font-size:33px;font-weight:700;line-height:.7}.flyer-top small{letter-spacing:1.3px;font-size:7px}.flyer-seal{color:#b5dd9a;letter-spacing:1px;text-align:right;font-size:7px;line-height:1.5}.flyer-copy{letter-spacing:-1px;margin-top:23px;font-size:28px;font-weight:500;line-height:1.1;position:relative}.flyer-copy em{color:#c1ef98;font-style:normal}.portrait{background:#36533f;border-radius:70px 70px 0 0;flex:1;width:80%;min-height:0;margin:17px auto 11px;position:relative;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait-placeholder{color:#9cb39d;background:linear-gradient(130deg,#304a36,#637458);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:123px;display:flex}.portrait-placeholder span{color:#d3dfcc;font-size:9px}.portrait-sticker{color:#123524;background:#c1ef98;border:2px solid #123524;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:10px;right:6px;transform:rotate(-7deg)}.flyer-name{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:21px;font-weight:500;line-height:1.15;position:relative}.flyer-number{letter-spacing:1px;color:#c1ef98;justify-content:space-between;margin-top:5px;font-size:8px;display:flex}.flyer-number span{font-size:16px;line-height:.8}.flyer-bottom{color:#c7d4c7;margin-top:8px;font-size:6px}.template-label{letter-spacing:.6px;color:#adc6aa;font-size:5px;position:absolute;bottom:7px;left:22px;right:10px}.spark{color:#8dbe69;position:absolute}.spark-one{font-size:68px;top:25px;right:20px;transform:rotate(16deg)}.spark-two{font-size:33px;bottom:45px;left:20px}.floating-member{background:#fff;border:1px solid #e3ecd9;border-radius:12px;align-items:center;gap:10px;padding:14px 18px;display:flex;position:absolute;bottom:71px;left:-4px;transform:rotate(-5deg);box-shadow:0 8px 24px #1235240c}.floating-member strong{font-size:12px;display:block}.floating-member small{color:var(--muted);font-size:9px}.floating-icon{color:var(--green);background:#e5f5d9;border-radius:50%;padding:7px;display:flex}.floating-card{background:#f3facf;border:1px solid #e5edbd;border-radius:11px;align-items:center;gap:10px;padding:13px 15px;font-size:10px;display:flex;position:absolute;top:80px;right:-9px;transform:rotate(-6deg);box-shadow:0 8px 20px #1235240c}.floating-card svg{color:#67892e}.art-caption{text-align:center;letter-spacing:2px;color:#75896d;font-size:8px;font-weight:500;position:absolute;bottom:8px;left:0;right:0}.milestone-band{background:var(--canvas);border-top:1px solid #eef4ee;border-bottom:1px solid #eef4ee}.milestone-band>.wrap{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:35px;padding-bottom:35px;display:grid}.milestone-band h2{letter-spacing:-1px;margin-top:12px;font-size:27px}.milestone-band h2 span{color:var(--muted);font-weight:400}.progress .between:first-child{font-size:11px}.progress strong{white-space:nowrap;font-size:18px}.progress strong small{color:var(--muted);font-size:11px;font-weight:400}.track{background:#dfece1;border-radius:4px;height:7px;margin:13px 0 9px;overflow:hidden}.track i{background:var(--green);border-radius:4px;min-width:0;height:100%;display:block}.section{padding-top:95px;padding-bottom:20px}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px;display:flex}.section-heading h2{margin-top:15px;font-size:36px}.section-heading p{font-size:13px;line-height:1.7}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.steps article{border:1px solid var(--border);border-radius:14px;padding:27px 27px 42px;transition:transform .2s;position:relative}.steps article:hover{transform:translateY(-4px)}.step-top{color:var(--green);justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.step-top>span{color:#83948a;font-size:12px}.steps h3{margin-bottom:12px;font-size:19px}.steps p{max-width:270px;font-size:12px;line-height:1.8}.step-arrow{color:#82a18c;position:absolute;bottom:18px;right:22px}.feature-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:100px;padding-bottom:25px;display:grid}.feature-art{background:#edf5e6;border-radius:20px;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.feature-art .flyer{width:265px;transform:rotate(-7deg);box-shadow:8px 18px 30px #12352420}.feature-stamp{letter-spacing:1px;background:#d4efb4;border:1px solid #b2d28e;padding:14px;font-size:12px;font-weight:600;line-height:1.3;position:absolute;bottom:42px;right:22px;transform:rotate(8deg)}.feature-section h2{margin:20px 0 22px}.feature-section p{font-size:13px;line-height:1.85}.check-list{margin:23px 0;padding:0;list-style:none}.check-list li{align-items:center;gap:9px;margin:12px 0;font-size:12px;display:flex}.check-list svg{width:17px;color:var(--green)}.feature-section .block{margin-top:14px;font-size:9px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.preview-card{border:1px solid var(--border);border-radius:14px;padding:25px}.preview-card h3{align-items:center;gap:10px;font-size:17px;display:flex}.preview-card h3 svg{color:var(--green)}.preview-card>small{color:var(--muted);margin:7px 0 19px;font-size:10px;display:block}.preview-row{border-bottom:1px solid #edf2ed;align-items:center;gap:11px;padding:14px 0;font-size:11px;display:flex}.preview-row strong{flex:1;font-weight:500;line-height:1.4}.preview-row>span:last-child{font-weight:600}.rank-number{color:var(--muted);place-items:center;min-width:25px;font-size:11px;display:grid}.preview-card>.text-link{margin-top:21px;font-size:11px}.faq{grid-template-columns:1fr 1.2fr;gap:100px;padding-bottom:90px;display:grid}.faq h2{margin-top:18px;font-size:36px}.faq>div>p{margin-top:20px;font-size:12px}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq details:first-child{padding-top:0}summary{cursor:pointer;font-size:12px;font-weight:500;line-height:1.5}.faq summary{justify-content:space-between;align-items:center;gap:15px;list-style:none;display:flex}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{max-width:460px;margin-top:14px;font-size:12px;line-height:1.8}.closing{background:var(--deep);color:#fff;text-align:center;border-radius:20px;margin:0 auto 70px;padding-top:60px;padding-bottom:57px;position:relative;overflow:hidden}.closing .eyebrow{color:#b6db9c;justify-content:center}.closing h2{margin:20px 0 30px;font-size:43px}.closing h2 span{color:#b6db9c}.closing .join-control{margin:auto}.closing .button{color:var(--deep);background:#c4efad}.closing-star{color:#b6db9c10;pointer-events:none;font-size:190px;position:absolute;bottom:-70px;right:-20px}footer{flex-wrap:wrap;justify-content:space-between;gap:35px;max-width:1200px;margin:auto;padding:15px 32px 25px;display:flex}footer p{margin-top:15px;font-size:10px}.footer-links{align-items:center;gap:27px;font-size:11px;display:flex}.footer-bottom{border-top:1px solid var(--border);width:100%;color:var(--muted);justify-content:space-between;margin-top:13px;padding-top:20px;font-size:9px;display:flex}.auth-layout{grid-template-columns:1fr 1.1fr;align-items:start;gap:90px;padding-top:45px;padding-bottom:90px;display:grid}.auth-intro h1{margin:20px 0;font-size:45px}.auth-intro p{max-width:340px;font-size:14px}.auth-intro .flyer{width:245px;margin:40px 0 24px 20px;transform:rotate(-4deg)}.auth-intro>small{margin-left:20px;font-size:10px}.form-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:35px;box-shadow:0 10px 50px #12352404}.form-card h2{margin-bottom:10px;font-size:27px}.form-card>p{margin-bottom:24px;font-size:12px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-size:11px;display:flex}.form-steps{align-items:center;gap:16px;margin-bottom:28px;display:flex}.form-steps>span{color:#8a9a90;align-items:center;gap:7px;font-size:11px;display:flex}.form-steps b{border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.form-steps i{background:var(--border);flex:1;height:1px}.form-steps .active,.form-steps .complete{color:var(--green)}.form-steps .active b,.form-steps .complete b{background:var(--green);color:#fff;border-color:var(--green)}label{flex-direction:column;gap:7px;margin-bottom:18px;font-size:12px;font-weight:500;display:flex}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea{border:1px solid var(--border);width:100%;max-width:100%;min-height:46px;color:var(--deep);background:#fff;border-radius:8px;padding:11px 13px;font-size:12px}input::placeholder,textarea::placeholder{color:#8a9890}textarea{resize:vertical;min-height:95px}label small{color:var(--muted);font-size:10px;font-weight:400}.password-input{position:relative}.password-input input{padding-right:57px!important}.password-input button{color:var(--green);background:#fff;padding:10px;font-size:10px;position:absolute;top:3px;right:8px}.form-note{margin-bottom:22px;font-size:10px;line-height:1.8}.form-foot{text-align:center;margin-top:22px;margin-bottom:0!important;font-size:11px!important}.form-foot a{color:var(--green);font-weight:500}.error{color:#a12920;overflow-wrap:anywhere;background:#fff3f1;border:1px solid #f0c2bd;border-radius:8px;margin:14px 0;padding:13px;font-size:12px}.error button{color:inherit;background:0 0;margin-left:12px;text-decoration:underline}.notice{background:var(--mint);border:1px solid var(--border);border-radius:9px;margin:14px 0;padding:13px;font-size:12px;line-height:1.65}.upload-zone{background:var(--canvas);min-height:200px;color:var(--green);text-align:center;cursor:pointer;border:1px dashed #a8c6ae;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex;position:relative}.upload-zone>input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-zone>span{color:var(--muted);font-size:10px}.upload-zone .text-link{color:var(--green)}.crop-preview{border-radius:50%;width:170px;height:170px;overflow:hidden}.crop-preview img{object-fit:cover;width:100%;height:100%}.review-details{background:var(--canvas);border-radius:9px;flex-direction:column;gap:5px;margin:22px 0;padding:17px;font-size:12px;display:flex}.review-details span{color:var(--muted);font-size:11px}.checkbox{flex-direction:row;align-items:start;gap:10px;font-size:10px;line-height:1.8}.checkbox input{accent-color:var(--green);flex-shrink:0;width:17px;height:17px;margin-top:4px}.checkbox a{text-decoration:underline}.access-page{background:var(--canvas);padding:65px 20px 85px}.access-page .form-card{max-width:440px;margin:auto}.access-page h1{margin:20px 0 10px;font-size:32px}.round-icon{color:var(--green);background:#e6f3d9;border-radius:50%;padding:14px;display:inline-flex}.access-page .button.secondary{margin-top:22px}.page-intro{text-align:center;padding-top:48px;padding-bottom:45px}.page-intro .eyebrow{justify-content:center}.page-intro h1{margin:20px 0;font-size:47px}.page-intro p{font-size:13px;line-height:1.8}.rankings-page{padding-bottom:75px}.leaderboard-toolbar{justify-content:space-between;align-items:center;gap:25px;display:flex}.tabs{background:var(--canvas);border:1px solid var(--border);border-radius:10px;gap:3px;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 21px;font-size:12px;display:flex}.tabs button.selected{background:var(--green);color:#fff}.search-box{flex-direction:row;align-items:center;min-width:240px;margin:0;position:relative}.search-box svg{color:var(--muted);position:absolute;left:13px}.search-box input{padding-left:40px!important}.ranking-meta{color:var(--muted);margin:22px 0;font-size:11px}.ranking-meta p{font-size:11px}.ranking-meta small{white-space:nowrap;font-size:10px}.podium{justify-content:center;align-items:flex-end;gap:20px;padding:25px 0 35px;display:flex}.podium-place{text-align:center;background:var(--canvas);border:1px solid var(--border);border-radius:14px;width:240px;padding:24px 15px 20px;position:relative}.place-1{background:#edf7e2;border-color:#cadfb6;padding-top:38px}.podium-medal{color:#577343;background:#e4eddb;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid;position:absolute;top:-16px;left:calc(50% - 17px)}.place-1 .podium-medal{background:#c9df9a;width:42px;height:42px;top:-21px;left:calc(50% - 21px)}.initial-avatar{color:#4a7155;background:#e2eddf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:500;display:inline-flex}.podium h3{letter-spacing:-.3px;margin:13px 0 5px;font-size:18px}.podium small{color:var(--muted);font-size:10px}.podium strong{letter-spacing:-1px;margin-top:16px;font-size:23px;display:block}.podium strong span{letter-spacing:0;font-size:10px;font-weight:400}.ranking-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-heading,.ranking-row{grid-template-columns:80px 1fr 120px;align-items:center;gap:18px;padding:15px 24px;display:grid}.table-heading{background:var(--canvas);letter-spacing:1px;color:var(--muted);font-size:9px}.table-heading>span:last-child,.ranking-row>strong{text-align:right}.ranking-row{border-top:1px solid var(--border);padding-top:17px;padding-bottom:17px}.ranking-row>div{align-items:center;gap:15px;display:flex}.ranking-row strong{font-size:12px;font-weight:500}.ranking-row small{color:var(--muted);font-size:9px;display:block}.small-avatar{width:34px;height:34px;font-size:11px}.pagination{justify-content:space-between;align-items:center;gap:15px;padding:22px 0;display:flex}.pagination>div{align-items:center;gap:17px;font-size:12px;display:flex}.pagination small{color:var(--muted);font-size:10px}.empty{text-align:center;color:var(--muted);padding:50px 20px}.empty svg{margin-bottom:15px}.empty h3{margin-bottom:10px;font-size:17px}.empty p{max-width:330px;margin:auto;font-size:12px}.empty .button{margin-top:20px}.app-shell{background:var(--canvas);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;width:240px;padding:32px 23px;display:flex;position:fixed;top:28px;bottom:0;left:0}.sidebar>.brand{margin-bottom:42px}.sidebar-label{letter-spacing:1.3px;color:#93a197;margin:0 12px 15px;font-size:8px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav>a{min-height:45px;color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:12px 13px;font-size:12px;display:flex}.sidebar nav>a:hover{background:var(--canvas)}.sidebar nav>a.active{background:var(--mint);color:var(--green);font-weight:600}.sidebar nav>a.active svg:last-child:not(:first-child){margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-motto{background:var(--deep);color:#e4f2dc;letter-spacing:-.8px;border-radius:12px;margin-bottom:23px;padding:22px 18px;font-size:21px;font-weight:500;line-height:1.2;position:relative;overflow:hidden}.sidebar-motto span{color:#b6db9c;margin-top:13px;font-size:49px;display:block}.sidebar-bottom>button{color:var(--muted);background:0 0;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.app-main{width:calc(100% - 240px);margin-left:240px}.app-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:77px;padding:0 38px;font-size:12px;display:flex}.profile-chip{align-items:center;gap:9px;font-size:11px;display:flex}.mobile-brand{display:none}.dashboard-content{max-width:1370px;margin:auto;padding:35px 38px 55px}.dashboard-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.dashboard-heading h1{letter-spacing:-1.3px;margin:10px 0 12px;font-size:29px}.dashboard-heading p{font-size:12px}.member-tag{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:9px;display:inline-flex}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px;display:grid}.metrics article{border:1px solid var(--border);background:#fff;border-radius:13px;padding:21px}.metric-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-label svg{color:#78a389}.metrics strong{letter-spacing:-1.5px;margin:13px 0 5px;font-size:33px;font-weight:600;display:block}.metrics small{color:var(--muted);font-size:9px}.dashboard-grid{grid-template-columns:1.15fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:14px;min-width:0;padding:24px}.panel h3{letter-spacing:-.5px;font-size:16px}.tag{background:var(--mint);color:var(--green);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:8px;display:inline-flex}.flyer-panel>.between{margin-bottom:24px}.dashboard-flyer{background:var(--canvas);border-radius:9px;justify-content:center;padding:22px;display:flex}.dashboard-flyer>.flyer{width:235px;box-shadow:0 8px 25px #12352419}.flyer-panel>.button-row{justify-content:space-between;margin-top:22px}.flyer-panel>.block{margin-top:12px;font-size:8px}.dashboard-right{flex-direction:column;gap:20px;display:flex}.share-panel{background:#edf5e5;border:1px solid #d9e8cc;border-radius:14px;padding:25px}.share-panel .eyebrow{font-size:8px}.share-panel h3{margin:14px 0 12px;font-size:22px}.share-panel p{font-size:11px;line-height:1.8}.copy-field{background:#fff;border:1px solid #d4e2cb;border-radius:9px;margin:20px 0 16px;display:flex;overflow:hidden}.copy-field input{min-width:0;background:0 0!important;border:0!important;padding:10px!important;font-size:10px!important}.share-panel .button{gap:8px;min-height:42px;padding:10px 13px;font-size:10px}.share-panel details{margin-top:14px;font-size:10px}.share-panel summary{color:var(--muted);font-size:10px}.share-panel>small{margin-top:8px;font-size:9px;display:block}.progress-panel h3{margin-bottom:20px}.progress-panel svg{color:var(--green)}.progress-panel .progress .between:first-child>span{font-size:9px}.progress-panel .progress .between:last-child small{font-size:8px}.representation{flex-wrap:wrap;gap:10px;padding:0 7px;font-size:10px;display:flex}.representation>span{align-items:center;gap:6px;max-width:100%;display:flex}.representation small{width:100%;color:var(--muted);font-size:8px}.lower-grid{grid-template-columns:1.15fr 1fr;gap:22px;margin-top:24px;display:grid}.lower-grid .panel p{margin-top:8px;font-size:10px}.lower-grid select{width:auto;min-height:34px;padding:6px;font-size:10px}.growth-chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:18px;height:175px;margin:17px 0;padding:15px 3px;display:flex}.growth-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.growth-chart i{background:#b2d7a5;border-radius:4px 4px 0 0;width:100%;max-width:35px}.growth-chart span,.growth-chart small{color:var(--muted);font-size:8px}.growth-chart>div:nth-last-child(2) i{background:var(--green)}.panel details summary{color:var(--muted);font-size:9px}.panel table{text-align:left;width:100%;font-size:10px}.activity-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:17px 0;display:flex}.activity-row>div{flex:1}.activity-row strong{font-size:11px;font-weight:500;display:block}.activity-row small{color:var(--muted);font-size:8px;display:block}.activity-row>time,.activity-row>span:last-child{font-size:9px}.bottom-nav{display:none}.profile-panel{max-width:730px}.profile-panel h3{margin-bottom:24px}.profile-panel hr{border:0;border-top:1px solid var(--border);margin:26px 0}.profile-panel>p{margin-top:16px;font-size:11px}.form-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.success-page{text-align:center;padding-top:45px;padding-bottom:65px}.success-page>.eyebrow{justify-content:center;margin-top:22px}.success-page h1{margin:18px 0;font-size:40px}.success-page>p{margin-bottom:16px}.success-grid{text-align:left;grid-template-columns:300px 1fr;align-items:center;gap:45px;max-width:790px;margin:35px auto 0;display:grid}.success-grid .share-panel{margin:20px 0}.policy-page{max-width:850px;padding-top:55px;padding-bottom:95px}.policy-page h1{margin:18px 0 28px}.policy-page p{margin:22px 0;font-size:14px;line-height:1.9}.admin-mobile-tabs{display:none}.admin-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:11px;display:flex}.admin-row small{color:var(--muted);font-size:9px;display:block}.admin-table{margin-top:25px}.checklist-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 0;display:flex}.checklist-item span{border:1px solid #bdd0c2;border-radius:3px;width:13px;height:13px}.template-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.template-background{border-radius:9px;width:100%;height:auto}.modal-backdrop{z-index:50;background:#12352477;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;max-width:500px;padding:30px;position:relative}.modal h2{margin-bottom:20px;font-size:25px}.modal p{margin-bottom:20px;font-size:12px}.modal .close{position:absolute;top:8px;right:8px}.selectable{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.admin-shell .sidebar>.back-link{margin-top:auto}.template-fields label{text-transform:capitalize}@media (min-width:1440px){.hero{min-height:660px}.hero-art{min-height:520px}.hero-flyer-wrap{width:320px}.hero h1{font-size:68px}.flyer.hero-flyer{max-width:320px}.closing{max-width:1136px}.hero-content{padding-bottom:10px}}@media (max-width:1100px){.hero{gap:20px}.hero h1{letter-spacing:-3px;font-size:55px}.hero-art{min-height:460px}.hero-flyer-wrap{width:260px}.orbit-one{width:390px;height:390px}.floating-card{top:50px;right:-10px}.floating-member{padding:11px;bottom:70px;left:-15px}.public-header nav{gap:20px}.header-actions{gap:17px}.feature-section{gap:60px}.sidebar{width:210px;padding:30px 18px}.app-main{width:calc(100% - 210px);margin-left:210px}.dashboard-content{padding:27px 25px}.dashboard-heading h1{font-size:25px}.dashboard-heading .member-tag{display:none}.dashboard-grid,.lower-grid{gap:16px}.panel{padding:19px}.share-panel{padding:20px}.metrics{gap:13px}.metrics article{padding:18px}.metrics strong{font-size:28px}.auth-layout{gap:55px}.public-header .brand>span:last-child{font-size:8px}.growth-chart{gap:10px}}@media (max-width:900px){.public-header nav{gap:17px}.public-header .header-actions>.button{padding:10px 13px;font-size:10px}.hero{gap:0}.hero h1{font-size:47px}.hero-description{font-size:13px}.hero-art{min-height:420px}.hero-flyer-wrap{width:230px}.orbit-one{width:320px;height:320px}.orbit-two{width:260px;height:260px}.spark-one{font-size:45px;right:0}.floating-card{padding:10px;font-size:8px;top:30px}.floating-member{bottom:46px}.floating-member strong{font-size:10px}.floating-member small{font-size:8px}.steps{gap:13px}.steps article{padding:22px 20px 40px}.section-heading h2{font-size:30px}.feature-section h2{font-size:33px}.feature-art{min-height:415px}.feature-art .flyer{width:220px}.faq{gap:50px}.faq h2{font-size:32px}.auth-layout{gap:35px}.auth-intro h1{font-size:36px}.form-card{padding:26px}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{grid-template-columns:1fr 1fr;display:grid}.dashboard-right>.share-panel{grid-row:span 2}.lower-grid{grid-template-columns:1fr}.metrics strong{font-size:25px}.metric-label{font-size:9px}.leaderboard-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0;max-width:100%}}@media (max-width:767px){.wrap{padding-left:20px;padding-right:20px}.demo-bar{gap:12px;padding:6px 12px;font-size:8px}.demo-bar>span{display:none}.public-header{gap:15px;padding:22px 20px;position:relative}.brand-symbol{font-size:29px}.brand>span:last-child{font-size:7px;line-height:23px}.public-header nav{border:1px solid var(--border);z-index:40;background:#fff;border-radius:12px;flex-direction:column;padding:20px;display:none;position:absolute;top:75px;left:15px;right:15px;box-shadow:0 10px 30px #12352410}.public-header nav.open{display:flex}.header-actions{gap:8px}.header-actions .login-link{display:none}.public-header .header-actions>.button{gap:6px;min-height:39px;padding:8px 11px;font-size:9px}.public-header .header-actions>.button svg{width:12px}.menu-toggle{min-width:30px;min-height:40px;display:flex}.menu-toggle svg{width:20px}.hero{flex-direction:column;align-items:stretch;gap:25px;padding-top:35px;padding-bottom:33px;display:flex}.hero .eyebrow{letter-spacing:1.1px;font-size:8px}.hero h1{letter-spacing:-2.7px;margin:20px 0 25px;font-size:44px;line-height:1.12}.hero-description{max-width:340px;margin-bottom:24px;font-size:13px;line-height:1.85}.hero .join-control{width:100%;max-width:355px}.count-strip{padding:7px;font-size:9px}.hero-secondary a{font-size:11px}.hero-secondary>span{font-size:9px}.hero-community{margin-top:25px}.hero-art{width:100%;max-width:430px;min-height:395px;margin:0 auto}.hero-flyer-wrap{width:245px}.orbit-one{width:335px;max-width:100%;height:335px}.orbit-two{width:270px;height:270px}.floating-card{font-size:8px;top:48px;right:0}.floating-member{gap:8px;padding:12px;bottom:42px;left:0}.floating-member strong{font-size:10px}.spark-one{font-size:42px;top:2px;right:3px}.spark-two{font-size:23px;bottom:106px;left:4px}.art-caption{letter-spacing:1.3px;font-size:6px;bottom:4px}.milestone-band>.wrap{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:28px}.milestone-band h2{font-size:25px}.progress strong{font-size:17px}.section{padding-top:57px}.section-heading{flex-direction:column;align-items:flex-start;gap:19px;margin-bottom:25px}.section-heading h2{letter-spacing:-1.2px;font-size:29px}.section-heading p{font-size:12px}.eyebrow{letter-spacing:1.3px;font-size:8px}.steps{grid-template-columns:1fr;gap:13px}.steps article{min-height:175px;padding:22px}.step-top{margin-bottom:19px}.step-top svg{width:23px}.steps h3{font-size:19px}.steps p{max-width:290px;font-size:12px}.feature-section{grid-template-columns:1fr;gap:35px;padding-top:57px}.feature-art{min-height:400px}.feature-art .flyer{width:240px}.feature-stamp{padding:12px;font-size:9px;bottom:27px;right:14px}.feature-section h2{font-size:32px}.feature-section .button{width:100%;max-width:355px}.preview-grid{grid-template-columns:1fr;gap:13px}.preview-card{padding:23px}.preview-row{font-size:12px}.preview-card>small{font-size:11px}.preview-card>.text-link{font-size:12px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.faq h2{font-size:31px}.faq details:first-child{padding-top:20px}.faq summary{font-size:12px}.closing{border-radius:15px;margin:0 20px 40px;padding:38px 19px 40px}.closing h2{letter-spacing:-1.3px;margin:20px 0 28px;font-size:28px}.closing .eyebrow{letter-spacing:1px;font-size:7px}.closing .join-control{width:100%;max-width:355px}footer{gap:28px;padding:15px 20px 25px}.footer-links{justify-content:space-between;gap:12px;width:100%;font-size:10px}.footer-bottom{align-items:flex-start;gap:15px;font-size:8px}.auth-layout{padding-top:20px;padding-bottom:45px;display:block}.auth-intro{display:none}.form-card{box-shadow:none;padding:24px 21px}.form-card h2{font-size:25px}.form-steps{gap:10px}.form-steps>span{font-size:10px}.back-link{margin-bottom:25px}.form-note{font-size:10px}.access-page{padding:30px 20px 50px}.access-page h1{font-size:30px}.page-intro{text-align:left;padding-top:32px;padding-bottom:32px}.page-intro .eyebrow{justify-content:flex-start}.page-intro h1{letter-spacing:-1.7px;margin:18px 0;font-size:35px}.page-intro p{font-size:12px}.tabs{gap:0;width:100%;padding:4px}.tabs button{flex:1;gap:5px;padding:11px 7px;font-size:10px}.tabs button svg{width:14px}.ranking-meta{flex-direction:column;align-items:flex-start;gap:7px;margin:17px 0}.ranking-meta p{font-size:10px}.podium{gap:8px;padding-top:29px;padding-bottom:27px}.podium-place{border-radius:10px;flex:1;min-width:0;padding:21px 7px 14px}.place-1{padding-top:33px}.podium .initial-avatar{width:36px;height:36px;font-size:13px}.podium h3{overflow-wrap:anywhere;margin:10px 0 4px;font-size:12px}.podium small{font-size:7px;line-height:1.4;display:block}.podium strong{letter-spacing:-.5px;margin-top:13px;font-size:17px}.podium strong span{font-size:8px;display:block}.table-heading,.ranking-row{grid-template-columns:28px 1fr 62px;gap:8px;padding:13px 11px}.table-heading{letter-spacing:.4px;font-size:7px}.ranking-row>div{gap:9px}.ranking-row strong{font-size:11px}.ranking-row .small-avatar{width:28px;height:28px;font-size:9px}.ranking-row small{font-size:8px}.pagination{flex-direction:column;align-items:flex-start}.pagination>div{justify-content:space-between;width:100%}.sidebar{display:none}.app-main{width:100%;margin-left:0}.app-header{height:65px;padding:0 20px}.app-header>span:first-of-type{display:none}.mobile-brand{letter-spacing:-2px;font-size:25px;font-weight:700;display:block}.mobile-brand small{letter-spacing:.8px;font-size:7px}.dashboard-content{padding:26px 20px 90px}.dashboard-heading{margin-bottom:22px;display:block}.dashboard-heading h1{margin-top:12px;font-size:27px;line-height:1.2}.dashboard-heading p{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metrics article{padding:18px 14px}.metrics article:last-child{grid-column:span 2;grid-template-columns:1fr auto;display:grid}.metrics article:last-child strong{grid-area:1/2/span 2;margin:0}.metric-label{gap:5px;font-size:10px}.metric-label svg{width:16px}.metrics article:last-child .metric-label svg{display:none}.metrics strong{margin-top:12px;font-size:28px}.metrics small{font-size:8px}.dashboard-grid,.lower-grid{grid-template-columns:1fr;gap:17px}.panel{padding:20px}.panel h3{font-size:15px}.tag{font-size:7px}.dashboard-flyer{padding:22px}.dashboard-flyer>.flyer{width:240px}.flyer-panel>.button-row .button{gap:9px;padding:11px 14px;font-size:11px}.flyer-panel>.button-row>.text-link{font-size:10px}.dashboard-right{gap:17px;display:flex}.share-panel{padding:23px}.share-panel h3{font-size:23px}.share-panel p{font-size:12px}.share-panel .button{padding:11px 13px;font-size:11px}.share-panel .eyebrow{font-size:7px}.progress-panel .progress .between:first-child>span{font-size:10px}.lower-grid{margin-top:17px}.representation{padding:5px;font-size:11px}.representation small{font-size:9px}.bottom-nav{z-index:30;border-top:1px solid var(--border);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:44px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.bottom-nav a.active{color:var(--green)}.profile-chip{font-size:10px}.form-columns{grid-template-columns:1fr;gap:0}.success-page{padding-top:30px}.success-page h1{margin:20px 0;font-size:33px}.success-page>p{font-size:12px}.success-grid{grid-template-columns:1fr;gap:27px;margin-top:27px}.success-grid>.flyer{width:270px;margin:auto}.success-grid>div>.button{width:100%}.policy-page{padding-top:28px;padding-bottom:50px}.policy-page h1{font-size:35px}.policy-page p{font-size:12px}.admin-mobile-tabs{gap:7px;margin-bottom:20px;display:flex;overflow-x:auto}.admin-mobile-tabs>a{border:1px solid var(--border);background:#fff;border-radius:7px;padding:10px;font-size:10px}.admin-row{flex-wrap:wrap;gap:10px}.admin-row>div{width:100%}.admin-shell .app-header>span:first-child{display:block}.modal{padding:28px 22px}.modal h2{font-size:23px}.template-fields{grid-template-columns:1fr 1fr}.admin-shell .panel>.between{flex-direction:column;align-items:stretch;gap:15px}}.live-flyer{border-radius:9px;width:100%;max-width:310px;height:auto}.admin-filters{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:10px;display:grid}.admin-filters select{font-size:10px}.space-top{margin-top:25px!important}.policy-text{white-space:pre-wrap;font-size:14px;line-height:1.9}.template-editor{border:1px solid var(--border);width:100%;margin-top:20px;position:relative;overflow:hidden}.template-editor>img{object-fit:fill;width:100%;height:100%;display:block}.template-field{color:#fff;background:#15803daa;border:1px dashed #fff;padding:3px;font-size:8px;line-height:1;position:absolute}.portrait-field{justify-content:center;align-items:center;display:flex}.admin-filters .search-box{min-width:0}@media (max-width:767px){.admin-filters{grid-template-columns:1fr 1fr}.admin-filters>.search-box,.admin-filters>.button{grid-column:span 2}.policy-text{font-size:12px}}.flyer{padding:7%;display:block;container-type:inline-size}.flyer-top{position:absolute;top:7%;left:7%;right:7%}.flyer-top>span:first-child{font-size:12cqw}.flyer-top small{font-size:2.5cqw}.flyer-seal{font-size:2.6cqw}.flyer-copy{margin:0;font-size:10cqw;line-height:1.12;position:absolute;top:23%;left:7%;right:7%}.portrait{border-radius:50% 50% 0 0;width:68%;height:32%;margin:0;position:absolute;top:43%;left:16%}.portrait-placeholder{height:100%;min-height:0}.portrait-placeholder svg{width:33cqw;height:33cqw}.portrait-placeholder span{font-size:3cqw}.portrait-sticker{gap:1cqw;padding:2cqw;font-size:3cqw;bottom:6%;right:3%}.portrait-sticker svg{width:5cqw;height:5cqw}.flyer-name{font-size:7.5cqw;line-height:1.05;position:absolute;bottom:15%;left:7%;right:7%}.flyer-number{margin:0;font-size:2.8cqw;position:absolute;bottom:9%;left:7%;right:7%}.flyer-number span{font-size:5cqw}.flyer-bottom{margin:0;font-size:2.2cqw;position:absolute;bottom:5%;left:7%;right:7%}.template-label{letter-spacing:.3px;font-size:1.8cqw;bottom:2%;left:7%}.flyer:before{font-size:50cqw;top:33%}.hero-art .floating-member{bottom:0;left:-4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover,.steps article:hover{transform:none}}.admin-access-page{background:radial-gradient(circle at 14% 18%,#e0f2dc 0,transparent 27%),radial-gradient(circle at 84% 78%,#dff1e8 0,transparent 31%),var(--canvas);place-items:center;min-height:calc(100vh - 1px);display:grid}.admin-login-card{border-color:#cfe1d2;position:relative;overflow:hidden;box-shadow:0 24px 70px #12352412}.admin-login-card:after{content:"";pointer-events:none;border:1px solid #b8dabd;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-92px;right:-86px;box-shadow:0 0 0 22px #b8dabd22,0 0 0 44px #b8dabd18}.admin-login-card>*{z-index:1;position:relative}.admin-login-mark{color:var(--green);letter-spacing:1.3px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.admin-login-mark svg{background:var(--mint);border:1px solid #cfe6d4;border-radius:11px;width:38px;height:38px;padding:7px}.admin-login-card .eyebrow{margin-top:30px}.admin-login-card h1{max-width:310px}.admin-password{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:10px;padding:0 14px;display:flex}.admin-password:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #15803d18}.admin-password svg{color:var(--green)}.admin-password input{box-shadow:none!important;border:0!important;padding-left:0!important}.admin-login-footer{color:var(--green);justify-content:space-between;gap:16px;margin-top:19px;font-size:11px;font-weight:600;display:flex}@media (max-width:767px){.admin-access-page{place-items:start}.admin-login-card{margin-top:20px}.admin-login-card .eyebrow{margin-top:23px}}.institution-selector,.institution-search,.institution-result-text{min-width:0;max-width:100%}.institution-search input{width:100%;min-width:0}.institution-results button{text-align:left;white-space:normal;width:100%}.institution-result-text{overflow-wrap:anywhere;flex-direction:column;gap:4px;display:flex}.institution-result-text strong{color:var(--green,#123524);font-size:14px}.institution-results .institution-result-text small{white-space:normal;line-height:1.45}.institution-choice{overflow-wrap:anywhere;display:block}.institution-admin-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;margin-top:20px;display:grid}.institution-admin-list,.institution-admin-editor{min-width:0}.institution-admin-record{text-align:left;color:#123524;overflow-wrap:anywhere;background:#fff;border:1px solid #dce7e0;border-radius:12px;flex-direction:column;gap:5px;width:100%;margin-bottom:8px;padding:14px;display:flex}.institution-admin-record.selected{background:#eaf7ee;border-color:#159447}.institution-admin-record small{color:#58685e}.institution-admin-editor label{flex-direction:column;gap:7px;margin:14px 0;display:flex}.institution-admin-editor input,.institution-admin-editor select{width:100%;min-width:0}.institution-admin-editor small{overflow-wrap:anywhere}.institution-alias-editor{border:1px solid #dce7e0;border-radius:12px;min-width:0;margin:16px 0;padding:12px}.institution-alias-editor legend{padding:0 6px;font-weight:600}.institution-review-filter{align-items:center;gap:8px;margin-top:16px;display:flex}.institution-review-filter input{width:auto}.rank-institution-name{overflow-wrap:anywhere;line-height:1.4;display:block}@media (max-width:700px){.institution-admin-layout{grid-template-columns:minmax(0,1fr)}.institution-admin-list{max-height:340px;overflow:auto}.institution-filters{flex-wrap:wrap}.institution-search{max-width:100%}.institution-admin .button-row{flex-wrap:wrap}}.institution-field{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.institution-field>span{font-size:14px;font-weight:500}.institution-results .institution-result-text small{text-transform:none}.movement-loading{--loading-mint:#e4f3e6;--loading-green:#007134;max-width:100%;color:var(--deep,#123524)}@supports (color:lab(0% 0 0)){.movement-loading{--loading-mint:lab(94.5227% -7.1657 4.38006);--loading-green:lab(41.3056% -40.0618 25.4482)}}.movement-loading-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:55svh;padding:48px 24px;display:flex}.loading-brand{background:#f4faf5;background:lab(97.8016% -2.68334 1.63757);border-radius:50%;place-items:center;width:116px;height:116px;display:grid;position:relative}.loading-brand-orbit{border:2px solid var(--loading-mint);border-top-color:var(--loading-green);border-right-color:var(--loading-green);border-radius:50%;animation:1.5s linear infinite movement-orbit;position:absolute;inset:0}.loading-brand>span{letter-spacing:-3px;font-size:38px;font-weight:700;line-height:1;position:relative}.loading-brand>span i{background:var(--loading-green);border-radius:50%;width:6px;height:6px;position:absolute;top:-5px;right:0}.loading-caption{color:var(--muted,#607267);text-align:center;justify-content:center;align-items:center;gap:9px;padding:14px 0;font-size:12px;line-height:1.6;display:flex}.movement-loading-page .loading-caption{flex-direction:column;gap:12px;padding:0}.loading-brand-caption{letter-spacing:3px;color:var(--deep,#123524);font-size:10px;font-weight:600}.loading-progress{background:var(--loading-mint);border-radius:20px;width:120px;height:3px;overflow:hidden}.loading-progress i{background:var(--loading-green);border-radius:inherit;width:45%;height:100%;animation:1.6s cubic-bezier(.22,1,.36,1) infinite movement-progress;display:block}.loading-indicator{vertical-align:middle;border:2px solid #0000;border-color:currentColor #0000 #0000 currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.9s linear infinite movement-orbit;display:inline-block}.movement-loading-inline{font-size:inherit;align-items:center;gap:8px;max-width:100%;line-height:1.5;display:inline-flex}.loading-skeleton{background:var(--loading-mint);border-radius:6px;display:block;position:relative;overflow:hidden}.loading-skeleton:after{content:"";animation:1.8s ease-in-out infinite movement-shimmer;animation-delay:var(--loading-delay,0s);background:linear-gradient(100deg,#0000,#f9fdfad9,#0000);background:linear-gradient(100deg,#0000,lab(98.9077% -1.49024 .909066/.85),#0000);position:absolute;inset:0;transform:translate(-100%)}.loading-skeleton-rows{width:100%}.loading-skeleton-row{border-bottom:1px solid var(--border,#e1e9e3);align-items:center;gap:14px;padding:20px 0;display:flex}.loading-skeleton-row:last-child{border-bottom:0}.loading-skeleton-avatar{border-radius:50%;flex-shrink:0;align-self:flex-start;width:30px;height:30px}.loading-skeleton-row>div{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.loading-skeleton-title{width:65%;height:13px}.loading-skeleton-detail{width:36%;height:8px}.loading-skeleton-track{width:100%;height:8px;margin-top:4px}.loading-skeleton-count{flex-shrink:0;align-self:flex-start;width:34px;height:19px}.movement-loading-form{padding:20px 0}.loading-skeleton-form{gap:24px;display:grid}.loading-skeleton-form>div{flex-direction:column;gap:10px;display:flex}.loading-skeleton-field{border-radius:10px;width:100%;height:48px}.movement-loading-flyer{width:100%;padding:12px}.loading-skeleton-flyer{aspect-ratio:4/5;border:1px solid var(--border,#e1e9e3);background:#f4faf5;background:lab(97.8016% -2.68334 1.63757);border-radius:14px;flex-direction:column;align-items:center;gap:18px;width:min(100%,360px);margin:auto;padding:26px 20px;display:flex}.loading-flyer-wordmark{letter-spacing:-2px;color:var(--deep,#123524);align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}.loading-flyer-wordmark>span{letter-spacing:2px;border-left:1px solid var(--border,#e1e9e3);padding-left:10px;font-size:8px}.loading-flyer-portrait{background:var(--loading-mint);border-radius:80px 80px 12px 12px;flex:1;width:72%;min-height:110px;max-height:230px;position:relative;overflow:hidden}.loading-portrait-head{aspect-ratio:1;background:#d2e8d6;background:lab(90.0155% -10.1627 6.21986);border-radius:50%;width:37%;position:absolute;top:20%;left:31.5%}.loading-portrait-body{background:#d2e8d6;background:lab(90.0155% -10.1627 6.21986);border-radius:50% 50% 0 0;width:85%;height:55%;position:absolute;bottom:-12%;left:7.5%}.movement-loading-rows .loading-caption{justify-content:flex-start}.institution-results .movement-loading{padding:4px 16px}.institution-results .loading-skeleton-row{padding:14px 0}.institution-results .loading-skeleton-avatar,.institution-results .loading-skeleton-count,.institution-results .loading-skeleton-track{display:none}.institution-results .loading-caption{font-size:11px}.share-flyer-preview>.movement-loading-flyer{align-self:stretch}[data-page-hidden=true] .movement-loading *,[data-page-hidden=true] .movement-loading :after,[data-page-hidden=true] .loading-indicator{animation-play-state:paused!important}@keyframes movement-orbit{to{transform:rotate(360deg)}}@keyframes movement-shimmer{to{transform:translate(100%)}}@keyframes movement-progress{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media (prefers-reduced-motion:reduce){.movement-loading *,.movement-loading :after,.loading-indicator{animation:none!important}.loading-skeleton:after{display:none}.loading-progress i{width:45%;transform:none}}@media (max-width:600px){.movement-loading-page{min-height:50svh}.loading-skeleton-row{gap:12px;padding:16px 0}.loading-skeleton-flyer{padding:20px 16px}.loading-caption{font-size:11px}}.movement-loading{width:100%}.ranking-loading{background:0 0;padding:8px 0;display:block}.movement-loading-inline{width:auto}.loading-caption .loading-indicator{width:13px;height:13px}.onboarding-save+.movement-loading{margin-top:16px}
.visual-editor{min-width:0}.editor-actionbar{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:18px;display:flex}.editor-actionbar>div:first-child{flex:1;max-width:380px}.editor-actionbar label{text-transform:uppercase;letter-spacing:1px;gap:4px;margin:0;font-size:9px}.editor-actionbar input{letter-spacing:-.5px;font-weight:600;border:0!important;min-height:28px!important;padding:0!important;font-size:16px!important}.editor-actionbar small{color:var(--muted);font-size:9px}.editor-actionbar .button{gap:8px;padding:9px 12px;font-size:10px}.editor-columns{grid-template-columns:195px minmax(250px,1fr) 235px;align-items:start;gap:14px;display:grid}.editor-pane{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:13px;padding:16px}.editor-pane h3{margin-bottom:13px;font-size:14px}.editor-pane p{font-size:10px;line-height:1.7}.editor-pane label{margin-bottom:13px;font-size:10px}.editor-pane input:not([type=file]):not([type=checkbox]),.editor-pane select{min-width:0;min-height:38px;padding:8px;font-size:10px}.editor-pane input[type=color]{cursor:pointer;width:100%;height:34px;padding:3px!important}.editor-pane .checkbox{align-items:center;font-size:10px;line-height:1.4}.editor-pane .form-note{margin:12px 0;font-size:9px;line-height:1.65}.editor-upload{color:var(--green);background:var(--canvas);cursor:pointer;border:1px dashed #b4cbb8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 8px;display:flex;position:relative;overflow:hidden}.editor-upload strong{font-size:10px}.editor-upload small{color:var(--muted);font-size:8px}.editor-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.editor-upload:focus-within{outline:2px solid var(--green);outline-offset:3px}.add-field-buttons{flex-direction:column;gap:6px;display:flex}.add-field-buttons>button{border:1px solid var(--border);text-align:left;min-height:42px;color:var(--deep);background:#fff;border-radius:7px;align-items:center;gap:7px;padding:9px;font-size:10px;display:flex}.add-field-buttons>button>svg:last-child{margin-left:auto}.add-field-buttons>button.selected{background:var(--mint);color:var(--green);border-color:var(--green)}.add-field-buttons>button:hover{background:var(--canvas)}.placement-instruction{color:var(--green);background:var(--mint);border-radius:6px;margin:10px 0;padding:9px;font-size:10px!important}.field-list{flex-direction:column;gap:4px;display:flex}.field-list>button{text-align:left;background:var(--canvas);min-height:38px;color:var(--muted);border-radius:6px;justify-content:space-between;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.field-list>button.selected{background:var(--mint);color:var(--green);font-weight:600}.editor-centre{border:1px solid var(--border);background:#fff;border-radius:11px;min-width:0;position:sticky;top:15px;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:12px;display:flex}.tool-buttons{align-items:center;gap:2px;display:flex}.tool-buttons>button,.selected-field-actions>button{width:32px;min-height:34px;color:var(--muted);background:#fff;border-radius:6px;place-items:center;display:grid}.tool-buttons>button:hover,.selected-field-actions>button:hover,.tool-buttons>button.selected{background:var(--mint);color:var(--green)}.tool-buttons>span{text-align:center;min-width:32px;font-size:9px}.edit-preview{background:var(--canvas);border:1px solid var(--border);border-radius:7px;padding:3px;display:flex}.edit-preview button{color:var(--muted);background:0 0;border-radius:5px;min-height:28px;padding:6px 10px;font-size:9px}.edit-preview button.selected{color:var(--green);background:#fff;box-shadow:0 1px 3px #12352415}.visual-canvas{touch-action:none;outline-offset:-3px;background-color:#eff4ef;background-image:radial-gradient(#c9d5ca .6px,#0000 .6px);background-size:12px 12px}.visual-canvas .konvajs-content{touch-action:none}.visual-canvas.drawing{cursor:crosshair}.visual-canvas.panning{cursor:grab}.visual-canvas.panning:active{cursor:grabbing}.canvas-empty{text-align:center;background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:450px;padding:35px;display:flex}.canvas-empty svg{color:#87a48e}.canvas-empty h3{font-size:20px}.canvas-empty p{max-width:280px;font-size:11px}.canvas-empty>.button{font-size:11px}.canvas-caption{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:13px;padding:13px;display:flex}.canvas-caption>small{color:var(--muted);max-width:230px;font-size:8px}.canvas-caption>.text-button{align-items:center;gap:6px;min-width:120px;padding:4px;font-size:9px;display:flex}.selected-field-actions{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin:-5px 0 13px;padding-bottom:10px;display:flex}.selected-field-actions>button:last-child{color:#a84d44;margin-left:auto}.editor-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-settings>p{margin-bottom:17px;font-size:9px}.field-settings details{margin-bottom:16px}.field-settings details>summary{margin-bottom:12px;font-size:10px}.sample-cases{flex-wrap:wrap;gap:5px;margin-bottom:15px;display:flex}.sample-cases>button{background:var(--mint);border:1px solid var(--border);color:var(--green);border-radius:5px;min-height:30px;padding:7px;font-size:8px}.sample-pane .notice{padding:8px;font-size:9px}.sample-pane>.block{margin-top:12px;font-size:8px}.editor-warning{background:#fff8e9;border:1px solid #e6d5b1;border-radius:8px;margin-bottom:15px;padding:12px 16px}.editor-warning p{color:#735a28;font-size:11px;line-height:1.6}.editor-mobile-tabs{display:none}.student-flyer-composition{flex-direction:column;align-items:center;gap:13px;width:100%;display:flex}.student-flyer-composition>.live-flyer{object-fit:contain;max-width:310px;box-shadow:0 7px 25px #12352412}.student-flyer-composition>.muted{font-size:8px}.student-crop{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:12px}.student-crop>summary{color:var(--green)!important;font-size:11px!important}.student-crop>p{margin:10px 0;font-size:10px}.student-crop label{margin-bottom:10px;font-size:10px}.student-crop>small{margin-top:10px;font-size:9px}.student-crop input[type=range]{width:100%;accent-color:var(--green)}.layer-row{background:var(--canvas);border-radius:6px;align-items:center;min-width:0;display:flex}.layer-row.selected{background:var(--mint)}.layer-select{text-align:left;min-width:0;min-height:42px;color:var(--muted);background:0 0;flex:1;justify-content:space-between;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.layer-row.selected .layer-select{color:var(--green);font-weight:600}.layer-delete{color:#a84d44;background:0 0;border-radius:6px;flex-shrink:0;place-items:center;width:38px;min-height:42px;display:grid}.layer-delete:hover:not(:disabled){background:#faece9}.layer-delete:disabled{opacity:.4;cursor:not-allowed}.layer-edit-actions{margin-bottom:15px}.layer-edit-actions .button{width:100%}.layer-edit-actions .form-note{margin-bottom:0}@media (max-width:767px){.layer-select{min-height:44px;font-size:12px}.layer-delete{width:44px;min-height:44px}}@media (min-width:1300px){.dashboard-content:has(.visual-editor){max-width:none;padding-left:25px;padding-right:25px}.editor-columns{grid-template-columns:195px minmax(320px,1fr) 245px}}@media (max-width:1150px) and (min-width:768px){.editor-columns{grid-template-columns:175px minmax(250px,1fr)}.editor-right{grid-column:span 2;grid-template-columns:1fr 1fr;gap:13px;display:grid}.editor-centre{position:static}.editor-actionbar{flex-wrap:wrap;align-items:flex-start}.editor-actionbar>div:first-child{min-width:200px;max-width:none}.editor-actionbar>.button-row{margin-left:auto}.canvas-toolbar{gap:5px;padding:8px}.tool-buttons>button{width:28px}}@media (max-width:767px){.editor-actionbar{z-index:25;margin-bottom:13px;padding:14px;display:block;position:sticky;top:0;box-shadow:0 2px 10px #12352408}.editor-actionbar>div:first-child{max-width:none}.editor-actionbar>.button-row{grid-template-columns:1fr 1fr 1.3fr;gap:7px;margin-top:12px;display:grid}.editor-actionbar .button{gap:5px;min-height:42px;padding:8px;font-size:9px}.editor-actionbar .button svg{width:13px}.editor-actionbar input{font-size:14px!important}.editor-columns{flex-direction:column;gap:15px;display:flex}.editor-centre{order:0;width:100%;position:static}.editor-left,.editor-right{width:100%;display:none}.editor-columns.tools-fields .editor-left,.editor-columns.tools-settings .editor-right{order:1;display:block}.editor-columns.tools-settings .sample-pane{display:none}.editor-columns.tools-sample .editor-right{order:1;display:block}.editor-columns.tools-sample .editor-right>.editor-pane:not(.sample-pane){display:none}.editor-mobile-tabs{border:1px solid var(--border);background:#fff;border-radius:8px;gap:4px;margin-bottom:13px;padding:4px;display:flex}.editor-mobile-tabs>button{text-transform:capitalize;min-height:40px;color:var(--muted);background:0 0;border-radius:6px;flex:1;font-size:10px}.editor-mobile-tabs>button[aria-selected=true]{background:var(--mint);color:var(--green);font-weight:600}.canvas-toolbar{gap:5px;padding:8px}.tool-buttons>button{width:33px;min-height:40px}.canvas-caption{padding:11px;display:block}.canvas-caption>.text-button{min-height:40px;margin-top:8px;font-size:11px}.canvas-caption>small{max-width:none;font-size:9px;display:block}.canvas-empty{min-height:340px;padding:25px}.canvas-empty h3{font-size:21px}.editor-left>.editor-pane{padding:20px}.editor-pane h3{font-size:17px}.editor-pane label{font-size:12px}.editor-pane input:not([type=file]):not([type=checkbox]),.editor-pane select{min-height:44px;font-size:12px}.add-field-buttons>button{min-height:45px;font-size:12px}.add-field-buttons{grid-template-columns:1fr 1fr;gap:9px;display:grid}.editor-upload{padding:25px}.editor-upload strong{font-size:13px}.editor-upload small{font-size:10px}.field-list>button{min-height:44px;font-size:12px}.selected-field-actions>button{width:44px;min-height:44px}.field-settings>p,.editor-pane .form-note{font-size:11px}.sample-cases>button{min-height:40px;font-size:10px}.editor-grid{gap:13px}.edit-preview button{min-height:34px}.editor-actionbar .button-row .button:first-child{padding:8px 5px}.student-flyer-composition .editor-warning p{font-size:10px}}
:root{--motion-enter:.5s;--motion-panel:.22s;--motion-exit:.16s;--motion-press:.12s;--motion-ease:cubic-bezier(.22,1,.36,1);--nav-space:98px}html{scroll-padding-top:calc(var(--nav-space) + 20px)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heading-group{vertical-align:top;max-width:100%;display:inline-block}.join-control{isolation:isolate;gap:0;margin-top:32px;padding-top:18px;position:relative}.join-control .button{border-radius:10px;justify-content:center;gap:14px;width:100%;min-height:60px;padding-top:19px}.count-badge{z-index:2;color:#fff7f5;font-variant-numeric:tabular-nums;white-space:nowrap;background:#a92d34;border:2px solid #fff7f5;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:max-content;min-width:180px;max-width:calc(100% - 22px);padding:8px 16px;font-size:11px;font-weight:600;line-height:1.3;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 11px #79262d14}.counter-dot{background:#fff1ec;border-radius:50%;flex-shrink:0;width:5px;height:5px;position:relative}.is-fresh .counter-dot:after{content:"";border:1px solid #ffe9e0;border-radius:50%;animation:2.3s ease-out infinite status-ring;position:absolute;inset:-3px}.is-fresh .counter-dot{animation:2.3s ease-in-out infinite status-opacity}.count-badge.is-stale{background:#725455}.is-stale .counter-dot{opacity:.5}.counter-status{text-align:center;color:var(--muted);white-space:nowrap;padding-top:4px;font-size:9px;position:absolute;top:100%;left:0;right:0}.counter-status button{color:var(--green);font-size:inherit;background:0 0;min-height:18px;padding:0 2px;text-decoration:underline}.join-control:has(.counter-status){margin-bottom:20px}.closing .join-control{margin-top:32px;margin-left:auto;margin-right:auto}.counter-dot,.rank-exact-count strong{font-variant-numeric:tabular-nums}@keyframes status-ring{0%{opacity:.8;transform:scale(.7)}80%,to{opacity:0;transform:scale(2.1)}}@keyframes status-opacity{0%,to{opacity:1}50%{opacity:.72}}.button{isolation:isolate;transition:background var(--motion-panel) var(--motion-ease),transform var(--motion-panel) var(--motion-ease),box-shadow var(--motion-panel) var(--motion-ease);position:relative;overflow:hidden}.button:before{content:"";z-index:-1;transform-origin:0;transition:transform var(--motion-panel) var(--motion-ease);pointer-events:none;background:#0f5e2c;position:absolute;inset:0;transform:scaleX(0)}.button:hover:not(:disabled):before,.button:focus-visible:before{transform:scaleX(1)}.button:hover:not(:disabled),.button:focus-visible{background:var(--hover);transform:translateY(-1px);box-shadow:0 5px 15px #12352415}.button.secondary:before{background:#daf0e1}.button.secondary:hover:not(:disabled),.button.secondary:focus-visible{background:var(--mint);color:var(--deep)}.button:active:not(:disabled){transition-duration:var(--motion-press);transform:translateY(1px)scale(.985)}.button:active:not(:disabled):before{animation:button-press .18s var(--motion-ease)}.button[aria-busy=true]{opacity:.85;cursor:wait}.button[aria-busy=true]:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#bce8c632,#0000);animation:1.5s linear infinite loading-sweep;position:absolute;inset:0}.button[aria-busy=true]:before{transform:none}.button:disabled:not([aria-busy=true]):hover{box-shadow:none;transform:none}.button.secondary[aria-busy=true]:after{background:linear-gradient(90deg,#0000,#15803d18,#0000)}@keyframes button-press{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tabs button,.field-list button,.admin-mobile-tabs a,.icon-button,input,select,summary{transition:background var(--motion-panel) var(--motion-ease),color var(--motion-panel) var(--motion-ease),border-color var(--motion-panel) var(--motion-ease)}details>summary svg{transition:transform var(--motion-panel) var(--motion-ease)}details[open]>summary svg{transform:rotate(45deg)}details[open]::details-content{animation:panel-enter var(--motion-panel) var(--motion-ease)}@keyframes panel-enter{0%{opacity:.6;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.public-header-space{height:var(--nav-space);padding:12px 20px}.public-header.glass-nav{z-index:35;width:100%;max-width:1200px;transition:transform var(--motion-panel) var(--motion-ease),opacity var(--motion-panel) var(--motion-ease);background:#fff;border:1px solid #d8e6dc;border-radius:14px;padding:18px 24px;position:relative;box-shadow:0 7px 24px #12352409}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.public-header.glass-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0}}.public-header.hero-nav{width:calc(100% - 40px);position:fixed;top:12px;left:50%;transform:translate(-50%)}.demo-bar:has(~#main-content .hero-nav)~#main-content .hero-nav{top:40px}.public-header.hero-nav.nav-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-120%)}.public-header nav.open{animation:panel-enter var(--motion-panel) var(--motion-ease)}.ranking-chart-meta{justify-content:space-between;align-items:center;gap:25px;margin:34px 0 22px;display:flex}.ranking-chart-meta h2{margin-bottom:10px;font-size:25px}.ranking-chart-meta p{max-width:60ch;font-size:11px}.ranking-view-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ranking-view-actions .button{gap:6px;font-size:10px}.rankings-board{border:1px solid var(--border);background:#fff;border-radius:16px;min-height:330px;padding:22px 28px}.ranking-scale{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding-bottom:13px;font-size:10px;display:flex}.ranking-scale>span{text-transform:uppercase;letter-spacing:1px;font-weight:600}.ranking-scale small{font-size:9px}.rank-bars{flex-direction:column;display:flex}.rank-bar-row{border-bottom:1px solid #edf3ef;align-items:center;gap:20px;min-width:0;padding:17px 0;display:flex}.rank-bar-row:last-child{border-bottom:0}.rank-marker{color:#87998c;font-variant-numeric:tabular-nums;flex-shrink:0;align-self:flex-start;width:28px;padding-top:2px;font-size:14px;font-weight:600}.rank-top .rank-marker{color:var(--green)}.rank-bar-main{flex:1;min-width:0}.rank-bar-label{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.rank-bar-label>div{min-width:0}.rank-bar-label strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:inline-block}.rank-bar-label>div>small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.rank-bar-label .tag{margin-left:8px}.rank-exact-count{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;min-width:86px;display:flex}.rank-exact-count strong{font-size:17px;font-weight:600;line-height:1.2}.rank-exact-count small{color:var(--muted);margin-top:4px;font-size:8px}.rank-bar-track{background:#e6f4eb;border-radius:5px;height:9px;overflow:hidden}.rank-bar-fill{transform-origin:0;width:100%;height:100%;transition:transform var(--motion-enter) var(--motion-ease);background:#389b5b;border-radius:5px;display:block}.rank-top .rank-bar-fill{background:#15803d}.rank-own{background:#f2faf4;border-radius:9px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.your-position{background:var(--mint);border:1px solid var(--border);border-radius:10px;align-items:center;gap:18px;margin:0 0 18px;padding:14px 20px;font-size:11px;display:flex}.your-position strong{color:var(--green);font-size:18px}.your-position span:last-child{margin-left:auto}.rank-bars.compact .rank-bar-row{gap:10px;padding:15px 0}.rank-bars.compact .rank-marker{width:20px;font-size:11px}.rank-bars.compact .rank-bar-label{gap:8px}.rank-bars.compact .rank-bar-label strong{font-size:11px}.rank-bars.compact .rank-exact-count{min-width:50px}.rank-bars.compact .rank-exact-count small{display:none}.rank-bars.compact .rank-bar-track{height:6px}.ranking-list-scroll{overflow:auto}.rank-accessible-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.rank-accessible-table caption{text-align:left;color:var(--muted);padding:15px 0;font-size:11px}.rank-accessible-table th,.rank-accessible-table td{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:16px 10px}.rank-accessible-table th:last-child,.rank-accessible-table td:last-child{text-align:right;white-space:nowrap}.rank-accessible-table tbody th{font-weight:500}.ranking-content{animation:rank-content-enter var(--motion-panel) var(--motion-ease)}.stage-leaving .ranking-content{animation:rank-content-exit var(--motion-exit) var(--motion-ease) forwards;pointer-events:none}.stage-refreshing{border-color:#bad7c3}.ranking-loading{min-height:380px;color:var(--muted);background:repeating-linear-gradient(#0000 0 61px,#f4faf6 61px 70px);justify-content:center;align-items:center;font-size:12px;display:flex}@keyframes rank-content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rank-content-exit{to{opacity:0;transform:translateY(-6px)}}[data-page-hidden=true] .counter-dot,[data-page-hidden=true] .counter-dot:after,[data-page-hidden=true] .button:after{animation-play-state:paused!important}[data-motion-reduced=true] *,[data-motion-reduced=true] :before,[data-motion-reduced=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-motion-reduced=true] .button:hover,[data-motion-reduced=true] .button:focus-visible,[data-motion-reduced=true] .button:active{transform:none!important}html:has([data-motion-reduced=true]){scroll-behavior:auto}@media (max-width:767px){:root{--nav-space:84px}.public-header-space{padding:10px 12px}.public-header.glass-nav{border-radius:12px;gap:12px;padding:15px 14px}.public-header.hero-nav{width:calc(100% - 24px);top:10px}.demo-bar:has(~#main-content .hero-nav)~#main-content .hero-nav{top:38px}.public-header nav{top:65px;left:0;right:0}.count-badge{min-width:175px;padding:8px 13px;font-size:10px}.join-control .button{font-size:13px}.ranking-chart-meta{flex-direction:column;align-items:flex-start;gap:16px;margin:22px 0}.ranking-chart-meta h2{font-size:22px}.ranking-view-actions{justify-content:space-between;width:100%}.rankings-board{border-radius:12px;padding:15px 16px}.rank-bar-row{gap:12px;padding:17px 0}.rank-marker{width:21px;font-size:12px}.rank-bar-label{gap:12px;margin-bottom:10px}.rank-bar-label strong{font-size:12px}.rank-exact-count{min-width:64px}.rank-exact-count strong{font-size:15px}.rank-exact-count small{max-width:70px;font-size:7px}.ranking-scale{flex-direction:column;align-items:flex-start;gap:5px}.your-position{flex-wrap:wrap;gap:9px 16px;padding:13px 16px;font-size:10px}.your-position span:last-child{width:100%;margin-left:0}.rank-accessible-table{font-size:10px}.rank-accessible-table th,.rank-accessible-table td{padding:13px 6px}.rank-accessible-table thead th:last-child{white-space:normal}.hero h1 .heading-group{display:inline}.hero h1 .heading-group:first-child{display:inline-block}.rank-bars.compact .rank-bar-label strong{font-size:12px}.public-header nav{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--motion-exit) var(--motion-ease),transform var(--motion-exit) var(--motion-ease),visibility var(--motion-exit);display:flex;transform:translateY(-8px)}.public-header nav.open{visibility:visible;opacity:1;pointer-events:auto;transition-duration:var(--motion-panel);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover,.button:focus-visible,.button:active{transform:none!important}}.institution-selector{margin-top:7px;position:relative}.institution-filters{gap:5px;margin-bottom:7px;display:flex}.institution-filters button{border:1px solid var(--border);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:600}.institution-filters button.selected{border-color:var(--green);background:var(--green);color:#fff}.institution-search{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:0 9px;display:flex}.institution-search svg{color:var(--green)}.institution-search input{flex:1;min-width:0;box-shadow:none!important;border:0!important}.institution-search .text-button{padding:6px 0;font-size:10px}.institution-results{z-index:20;border:1px solid var(--border);background:#fff;border-radius:10px;max-height:250px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 12px 28px #1235241c}.institution-results button{width:100%;color:var(--deep);text-align:left;background:#fff;border:0;border-bottom:1px solid #edf3ef;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;display:flex}.institution-results button:hover,.institution-results button.active{background:var(--mint)}.institution-results button span{font-size:11px;line-height:1.3}.institution-results button small{color:var(--green);text-transform:capitalize;flex-shrink:0;font-size:8px}.institution-results p{margin:0;padding:13px;font-size:11px}.institution-choice{color:var(--green);margin-top:7px;font-size:9px;display:block}.rankings-page,.leaderboard-toolbar,.rankings-board,.ranking-content,.ranking-chart-meta>div{min-width:0}.rankings-page .tabs{min-width:0;max-width:100%}.rankings-page .tabs button{overflow-wrap:anywhere;min-width:0}.rankings-page .search-box{flex:1;min-width:0;max-width:100%}.rankings-page .search-box input{width:100%;min-width:0}.ranking-scale{align-items:flex-start}.ranking-scale small{overflow-wrap:anywhere;font-size:12px}.ranking-tie-help{color:var(--muted);margin:12px 0;font-size:12px}.rank-marker{overflow-wrap:anywhere;width:auto;min-width:30px;max-width:64px;font-size:12px}.rank-exact-count{overflow-wrap:anywhere;min-width:0;max-width:45%}.rank-exact-count strong{font-variant-numeric:tabular-nums;font-size:18px}.rank-exact-count small{font-size:10px}.rank-bar-label>div{flex:1;min-width:0}.rank-bar-label strong{font-size:14px}.rank-own{margin-left:0;margin-right:0}.rank-list .rank-bar-row{padding:18px 0}.rank-list .rank-bar-track{height:5px}.ranking-podium{border-bottom:1px solid var(--border);padding:18px 0}.ranking-podium .rank-bars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.ranking-podium .rank-bar-row{border:1px solid var(--border);background:#f5faf6;border-radius:12px;flex-direction:column;align-items:stretch;gap:10px;width:auto;min-width:0;margin:0;padding:18px 14px;display:flex}.ranking-podium .rank-bar-row:first-child{order:1;min-height:218px}.ranking-podium .rank-bar-row:nth-child(2){order:0;min-height:188px}.ranking-podium .rank-bar-row:nth-child(3){order:2;min-height:168px}.ranking-podium .rank-bar-main{width:100%}.ranking-podium .rank-bar-label{flex-direction:column;gap:12px;display:flex}.ranking-podium .rank-exact-count{text-align:left;align-items:flex-start;max-width:100%}.ranking-podium .rank-marker{color:var(--green);font-size:20px}.ranking-live{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.board-live{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.board-live i{background:#91a497;border-radius:50%;width:7px;height:7px}.board-live.active{color:var(--green)}.board-live.active i{background:var(--green);animation:2.5s ease-in-out infinite board-pulse}.ranking-spin{animation:1s linear infinite ranking-spin}@keyframes ranking-spin{to{transform:rotate(360deg)}}@keyframes board-pulse{50%{opacity:.55;box-shadow:0 0 0 4px #15803d12}}@media (max-width:900px){.ranking-podium .rank-bars{flex-direction:column;gap:10px;display:flex}.ranking-podium .rank-bar-row:nth-child(n){order:initial;flex-direction:row;gap:12px;width:100%;min-height:0;padding:14px;display:flex}.ranking-podium .rank-bar-label{flex-direction:row}.ranking-podium .rank-exact-count{text-align:right;align-items:flex-end;max-width:45%}.ranking-podium .rank-marker{font-size:14px}.leaderboard-toolbar{flex-direction:column;align-items:stretch}}@media (max-width:430px){.rankings-page.wrap{padding-left:16px;padding-right:16px}.rankings-board{padding:14px 12px}.rankings-page .tabs{flex-wrap:wrap}.rankings-page .tabs button{gap:4px;padding:10px 4px;font-size:11px}.rankings-page .tabs button svg{width:13px}.rank-bar-row,.rank-bar-label{gap:9px}.rank-exact-count strong{font-size:16px}.rank-bar-label strong{font-size:13px}.ranking-podium .rank-bar-row:nth-child(n){padding:12px 9px}.rankings-page .pagination>div{flex-wrap:wrap;gap:8px}.rankings-page .pagination .button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.board-live i,.ranking-spin{animation:none}.rank-bar-fill{transition:none}}.institution-trigger{border:1px solid var(--border);width:100%;min-height:58px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-panel) var(--motion-ease),background var(--motion-panel) var(--motion-ease);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;display:flex}.institution-trigger>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;line-height:1.5}.institution-trigger>svg{color:var(--green);flex-shrink:0}.institution-trigger.has-value{color:var(--deep)}.institution-trigger:hover,.institution-trigger.is-open{border-color:var(--green);background:#f8fcf9}.institution-trigger:focus-visible{outline:2px solid var(--green);outline-offset:3px}.institution-chevron{transition:transform var(--motion-panel) var(--motion-ease)}.institution-trigger.is-open .institution-chevron{transform:rotate(180deg)}.institution-picker-panel{border:1px solid var(--border);animation:institution-picker-enter .16s var(--motion-ease);background:#fff;border-radius:14px;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 4px 14px #12352408}.institution-picker-toolbar{background:#f8fcf9;padding:12px}.institution-picker-toolbar .institution-search{background:#fff;border-radius:9px;gap:8px;padding:0 10px}.institution-picker-toolbar .institution-search input{background:0 0;min-height:44px;margin:0;padding:10px 0;font-size:12px}.institution-clear-search{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.institution-clear-search:hover{background:var(--mint)}.institution-picker-toolbar .institution-filters{flex-wrap:wrap;gap:6px;margin:10px 0 0}.institution-picker-toolbar .institution-filters button{min-height:36px;padding:7px 10px;font-size:10px}.institution-results{z-index:auto;overscroll-behavior:contain;border:0;border-top:1px solid var(--border);max-height:min(280px,42svh);box-shadow:none;border-radius:0;margin:0;scroll-padding:8px;position:static;top:auto;left:auto;right:auto;overflow-y:auto}.institution-results button{gap:12px;min-height:56px;padding:14px 16px}.institution-results button.selected{background:#f1f9f3}.institution-results button>svg{color:var(--green);flex-shrink:0}.institution-results button .institution-result-text{gap:5px}.institution-results button .institution-result-text strong{font-size:13px;font-weight:600;line-height:1.5}.institution-results button .institution-result-text small{color:var(--muted);white-space:normal;text-transform:none;font-size:10px;line-height:1.5}.institution-picker-footer{border-top:1px solid var(--border);background:#f8fcf9;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.institution-picker-footer small{color:var(--muted);font-size:10px;line-height:1.5}.institution-picker-footer .text-button{flex-shrink:0;font-size:10px}.mobile-login-nav{display:none}@keyframes institution-picker-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.public-header nav .mobile-login-nav{display:block}.institution-trigger>span{font-size:12px}.institution-picker-toolbar .institution-filters button{min-height:40px;padding:7px 9px}.institution-picker-footer{align-items:flex-start}}.app-shell{--shell-sidebar-width:240px;--shell-header-height:78px;--shell-top:0px;min-height:calc(100svh - var(--shell-top));display:block}.demo-bar~#main-content .app-shell{--shell-top:28px}.demo-bar:has(~#main-content .app-shell){z-index:60;box-sizing:border-box;height:28px;min-height:28px;position:sticky;top:0}.app-shell .sidebar{top:var(--shell-top);width:var(--shell-sidebar-width);overscroll-behavior:contain;scrollbar-width:thin;z-index:40;padding:0 20px 24px;position:fixed;bottom:0;left:0;overflow-y:auto}.app-shell .sidebar>.brand{z-index:1;height:var(--shell-header-height);min-height:var(--shell-header-height);border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;margin:0 -20px 26px;padding:0 24px;display:flex;position:sticky;top:0}.app-shell .sidebar .brand-symbol{font-size:40px}.app-shell .sidebar-label{margin:0 12px 16px;font-size:9px;line-height:1.5}.app-shell .sidebar nav{flex-shrink:0;gap:6px}.app-shell .sidebar nav>a{border-radius:10px;gap:12px;min-height:48px;padding:12px 13px;font-size:13px}.app-shell .sidebar nav>a>svg{flex-shrink:0}.app-shell .sidebar-bottom{padding-top:28px}.app-shell .app-main{margin-left:var(--shell-sidebar-width);width:calc(100% - var(--shell-sidebar-width));min-width:0;padding-top:var(--shell-header-height)}.app-shell .app-header{top:var(--shell-top);left:var(--shell-sidebar-width);z-index:35;height:var(--shell-header-height);border-bottom:1px solid var(--border);background:#fff;gap:16px;padding:0 32px;position:fixed;right:0;box-shadow:0 2px 10px #12352403}.app-header>.profile-chip{white-space:nowrap;min-height:44px;transition:background var(--motion-panel) var(--motion-ease);border-radius:12px;align-items:center;gap:10px;padding:5px 8px;display:flex}.app-header>.profile-chip:hover{background:var(--canvas)}.app-header>.profile-chip:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-header>.profile-chip>svg{flex-shrink:0}.app-shell .dashboard-content{min-width:0;padding-top:32px}@media (max-width:1100px) and (min-width:768px){.app-shell{--shell-sidebar-width:210px}.app-shell .sidebar>.brand{padding:0 20px}.app-shell .sidebar .brand-symbol{font-size:35px}.app-shell .app-header{padding:0 25px}}@media (max-width:767px){.app-shell{--shell-sidebar-width:0px;--shell-header-height:64px}.app-shell .sidebar{display:none}.app-shell .app-header{gap:10px;padding:0 16px;left:0}.app-shell .dashboard-content{padding-top:24px}.app-header>.profile-chip{gap:7px;padding:4px 6px;font-size:11px}.admin-shell .admin-mobile-tabs{top:calc(var(--shell-top) + var(--shell-header-height));z-index:25;background:var(--canvas);scrollbar-width:thin;padding:10px 0;position:sticky}}.hero h1 .highlight{color:var(--green);animation:18s ease-in-out infinite hero-movement-colours}@keyframes hero-movement-colours{0%,to{color:#006b2e;color:lab(38.9684% -39.594 26.517)}20%{color:#901e21;color:lab(32.3588% 47.4873 29.6569)}40%{color:#643290;color:lab(31.4121% 36.2463 -43.8243)}60%{color:#1d4587;color:lab(29.3399% 5.63866 -42.0206)}80%{color:#005a5a;color:lab(33.6669% -29.4736 -8.77611)}}@media (prefers-reduced-motion:reduce){.hero h1 .highlight{color:var(--green);animation:none}}.share-caption>span{margin-bottom:10px;font-weight:500;display:block}.fixed-share-caption{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);background:var(--canvas);max-width:100%;color:var(--deep);-webkit-user-select:text;user-select:text;border-radius:12px;padding:16px;font-size:13px;line-height:1.7}.fixed-share-caption:focus-visible{outline:2px solid var(--green);outline-offset:3px}.landing-flyer-artwork{border-radius:12px;width:100%;height:auto;display:block}.feature-art img.landing-flyer-artwork{aspect-ratio:1613/2010;object-fit:contain;padding:0}.hero .clean-flyer-presentation,.feature-section .clean-flyer-presentation{perspective:none;background:0 0;border-radius:0;justify-content:center;align-items:center;min-width:0;height:auto;min-height:0;padding:20px;display:flex;position:relative;overflow:visible;transition:none!important;animation:none!important;transform:translate(0,0)rotate(0)scale(1)!important}.hero .clean-flyer-presentation .hero-flyer-wrap{width:340px;max-width:100%;box-shadow:none;border-radius:0;padding:0;overflow:visible;transition:none!important;animation:none!important;transform:none!important}.clean-flyer-presentation img.landing-flyer-artwork{clip-path:none;object-fit:contain;width:100%;max-width:100%;height:auto;box-shadow:none;border-radius:0;padding:0;display:block;transition:none!important;animation:none!important;transform:translate(0,0)rotate(0)scale(1)!important}.feature-section .clean-flyer-presentation img.landing-flyer-artwork{width:300px}@media (max-width:767px){.hero .clean-flyer-presentation,.feature-section .clean-flyer-presentation{min-height:0;margin:0;padding:12px 0}.hero .clean-flyer-presentation .hero-flyer-wrap{width:min(340px,100%)}.feature-section .clean-flyer-presentation img.landing-flyer-artwork{width:min(300px,100%)}}
.auth-flow{align-items:start;min-height:70vh}.auth-flow .form-card{width:100%;max-width:580px}.auth-flow .form-card>.eyebrow{margin:22px 0 12px;display:block}.auth-promise{max-width:350px;color:var(--green,#176b45);align-items:start;gap:14px;margin-top:32px;display:flex}.auth-promise svg{flex:none;margin-top:4px}.auth-promise p{margin:0;font-size:15px}.google-button{background:var(--paper,#f8fbf8);color:var(--ink,#173b28);border:1px solid #d8e4da;gap:12px;margin-top:24px}.google-button svg{flex:none}.google-button:hover{color:#173b28;background:#edf5ee}.auth-divider{color:#607366;align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dce7df;flex:1;height:1px}.auth-footer{justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;display:flex}.auth-footer div{gap:20px;display:flex}.onboarding-save{color:#36724d;align-items:center;gap:8px;min-height:24px;font-size:13px;display:flex}.auth-flow fieldset{border:0;gap:18px;width:100%;min-width:0;margin:0;padding:0;display:grid}.auth-flow input[readonly]{color:#56695c;background:#f0f5f1}.onboarding-photo{align-items:center;gap:18px;margin:10px 0;display:flex}.onboarding-photo .crop-preview{background:#edf5ee;border-radius:18px;flex:none;justify-content:center;align-items:center;width:116px;height:116px;display:flex;overflow:hidden}.onboarding-photo .crop-preview img{object-fit:cover;width:100%;height:100%}.onboarding-photo p{font-size:13px}.photo-upload-button{cursor:pointer;align-items:center;gap:8px;font-size:13px;text-decoration:underline;display:flex;position:relative;margin:12px 0 0!important}.photo-upload-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.photo-upload-button:focus-within{outline-offset:4px;outline:2px solid #176b45}.auth-flow .error p{margin-top:0}.auth-flow .text-button{margin-top:16px;margin-right:18px}.auth-flow .button:disabled{opacity:.6;cursor:wait}@media (max-width:700px){.auth-flow{gap:24px}.auth-flow .auth-intro{display:block}.auth-flow .auth-intro h1{font-size:36px}.auth-flow .auth-intro>p{font-size:16px}.auth-promise{display:none}.onboarding-photo{align-items:start;gap:12px}.onboarding-photo .crop-preview{width:88px;height:88px}.auth-flow .form-card{padding:24px}.auth-footer{font-size:13px}}.google-button:before{background:#edf5ee}.google-button:hover:not(:disabled),.google-button:focus-visible{color:var(--deep);background:#edf5ee}.enrollment-flow fieldset{border:0;gap:18px;width:100%;min-width:0;margin:0;padding:0;display:grid}.enrollment-flow input[readonly]{color:#56695c;background:#f0f5f1}.enrollment-flow .text-button{margin-top:16px;margin-right:18px}.complete-share{min-width:0}.share-content{gap:18px;display:grid}.share-flyer-preview{text-align:center;min-width:0}.share-flyer-preview img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:320px;margin:auto;display:block}.share-caption{min-width:0}.share-caption label{margin-bottom:8px;font-weight:600;display:block}.share-caption textarea{box-sizing:border-box;resize:vertical;width:100%;min-width:0;max-width:100%;font:inherit;color:var(--deep);overflow-wrap:anywhere;white-space:pre-wrap;background:#f4f8f4;border:1px solid #d3e3d7;border-radius:12px;padding:14px;font-size:14px;line-height:1.55;display:block}.share-caption textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}.share-actions{flex-wrap:wrap}.share-actions .button{white-space:normal;min-width:0}.share-text-links{overflow-wrap:anywhere;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.share-text-links a{text-decoration:underline}.share-text-links small{color:var(--muted);flex-basis:100%}.share-status{overflow-wrap:anywhere;min-height:1.5em;font-size:14px}.manual-copy{outline:2px solid var(--green)}@media (max-width:600px){.share-actions .button{width:100%}.share-caption textarea{font-size:16px}}