body:is([data-view=welcome],[data-view=teacher-submit],[data-view=parent-submit]){background:#ecedda url('/welcome-garden.png') center/cover fixed no-repeat;min-height:100vh}
body:is([data-view=welcome],[data-view=teacher-submit],[data-view=parent-submit])>.foliage-scene{display:none}
.participation-shell{position:relative;max-width:1240px;margin:50px auto;padding:30px 34px 24px;background:#fffdf2f0;border:1px solid white;border-radius:32px;box-shadow:0 22px 80px #233c2520;overflow:hidden}
.participation-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;min-height:110px}
.participation-brand{text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:25px;color:#103c26}.participation-brand>.icon{width:65px;height:65px;color:#497c30}
.leaf-languages{justify-self:end;text-align:center;font-size:14px}.leaf-languages>div{display:flex;align-items:center;direction:ltr;gap:0;margin-top:10px}.leaf-languages button{border:1px solid #b3c58c;background:linear-gradient(135deg,#f0f2ce,#d6e1ad);color:#183e26;width:112px;height:54px;border-radius:100% 0 100% 0;font-size:16px;font-weight:700;box-shadow:0 5px 9px #344c2220}.leaf-languages button:last-child{border-radius:0 100% 0 100%}.leaf-languages button.selected{background:linear-gradient(135deg,#54813b,#154b2c);color:white;border-color:#48723a}.leaf-stem{font-size:22px;margin:0 -5px}.back-link{justify-self:start;background:none;border:0;color:#174b32;padding:12px;font-weight:700}
.participation-shell h1{text-align:center;font-size:clamp(28px,3.4vw,48px);line-height:1.2;margin:30px 0 12px;color:#073c2b;position:relative}.participation-subtitle{text-align:center;font-size:25px;margin:0 0 28px;color:#52744b}.adult-intro{text-align:center;color:#55695b;margin:-12px 0 24px}
.role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}.role-card{display:flex;align-items:center;flex-direction:column;text-align:center;padding:28px 24px 24px;background:linear-gradient(150deg,#fffefb,#faf7e9);border:1px solid #fff;border-radius:24px;box-shadow:0 8px 20px #6c5a2714}.role-symbol{width:112px;height:112px;border-radius:50%;background:#edf0d7;display:grid;place-items:center;margin-bottom:14px}.role-symbol .icon{width:62px;height:62px;color:#2f6537}.role-card h2{font-size:30px;margin:0 0 10px}.role-card p{min-height:55px;font-size:18px;color:#526558;margin:0 0 20px}.no-account{background:#e3eac9;border-radius:30px;padding:6px 20px;font-size:14px;margin-top:auto;margin-bottom:18px}.role-card button{width:100%;border-radius:28px;font-size:17px;min-height:50px}.participation-review{display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;margin:28px 0 16px;color:#536358;font-size:15px}.participation-review .icon{width:30px;height:30px;flex:none}.participation-footer{text-align:center;font-size:13px;color:#5c7148;position:relative}.participation-footer nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.participation-footer button{background:none;border:0;color:#315b3c;text-decoration:underline;padding:8px;font-size:13px}
.participation-shell .student-grid{grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:18px;direction:inherit}.participation-shell .form-card{padding:24px}.participation-shell .form-line{display:block;padding:0;background:none;border:0;margin-bottom:18px}.participation-shell .line-label{margin-bottom:8px;direction:inherit}.participation-shell .line-label>.icon,.participation-shell .line-label p{display:none}.participation-shell .line-label label{font-size:15px}.participation-shell .line-label>div{direction:inherit}.participation-shell .categories{gap:5px;direction:inherit}.participation-shell .category span{min-height:95px;font-size:12px}.participation-shell .side .example-list{grid-template-columns:1fr}.participation-shell .side .example{display:flex;align-items:center;gap:12px;background:none}.participation-shell .side .example .iconbox{width:50px;height:50px;flex:none}.participation-shell .side .example p{display:block}.participation-shell .side h3{font-size:20px}.participation-shell .side .card{padding:22px}.participation-shell .privacy-line{font-size:12px}.participation-shell .submit{font-size:20px}.participation-shell textarea{height:95px;min-height:95px!important}
.welcome-canopy{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.canopy-branch{position:absolute;top:-36px;left:-65px;width:270px;height:180px;opacity:.65;transform-origin:0 0;animation:branch-breeze 9s ease-in-out infinite alternate}.branch-1{left:auto;right:-65px;scale:-1 1;animation-delay:-4s}.canopy-leaf{transform-box:fill-box;transform-origin:top center;animation:welcome-leaf 6s ease-in-out infinite alternate}.canopy-leaf-1,.canopy-leaf-4{animation-delay:-2s}.canopy-leaf-2,.canopy-leaf-5{animation-delay:-4s}@keyframes branch-breeze{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes welcome-leaf{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
@media(max-width:900px){.participation-shell{margin:24px 14px;padding:24px 20px}.participation-top{grid-template-columns:1fr 1fr}.participation-brand{grid-column:1/-1;grid-row:2;font-size:22px}.leaf-languages{grid-column:2;grid-row:1}.participation-shell .student-grid{grid-template-columns:1fr}.role-card{padding:20px 12px}.role-card h2{font-size:24px}.role-card p{font-size:16px}}
@media(max-width:600px){.participation-shell{margin:12px 8px;padding:18px 14px;border-radius:24px}.role-cards{grid-template-columns:1fr;gap:14px}.role-symbol{width:74px;height:74px;margin:0 0 12px}.role-symbol .icon{width:42px;height:42px}.role-card p{min-height:0;margin-bottom:14px}.role-card{padding:20px}.participation-subtitle{font-size:19px}.leaf-languages button{width:86px;height:45px;font-size:14px}.participation-shell h1{margin-top:22px}.canopy-branch{width:200px;opacity:.4}.participation-shell .form-card{padding:16px}.participation-shell .categories{grid-template-columns:repeat(3,1fr)}.participation-shell .line-control input{width:100%}.participation-review{font-size:13px}.participation-shell .side .example-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.canopy-branch,.canopy-leaf{animation:none!important}}
.participation-top{direction:ltr}.participation-brand{line-height:1.4}.participation-shell .side .example{flex-direction:row;text-align:start}.participation-shell .side .example strong{font-size:14px}.participation-shell .side .example p{font-size:12px}.participation-shell .side .example>div:last-child{flex:1}.participation-shell .side .example .iconbox{background-image:none}.participation-shell .side .example .iconbox .icon{display:block}