.guide{background:#fff;color:#23464b}.guide *{box-sizing:border-box}.guide-shell{margin:auto;width:min(1160px,100% - 40px)}.guide-hero{background:radial-gradient(circle at 88% 17%,#d7f5e5,transparent 30%),linear-gradient(135deg,#f4fbf7,#e9f5f2);padding:76px 0 70px}.guide-kicker{color:#168973;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-hero h1{color:#194d5b;font-size:clamp(36px,5vw,60px);letter-spacing:-.04em;line-height:1.11;margin:14px 0 18px;max-width:750px}.guide-hero p{color:#58747a;font-size:17px;line-height:1.7;max-width:740px}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.guide-button{align-items:center;background:#168b78;border:1px solid #168b78;border-radius:12px;color:#fff!important;display:inline-flex;font-weight:800;gap:9px;justify-content:center;min-height:46px;padding:12px 20px;text-decoration:none!important}.guide-button:hover{background:#0d7162}.guide-button.alt{background:#fff;color:#176f64!important}.guide-button.alt:hover{background:#ecf9f1}.guide-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.guide-nav a{background:#fff;border-radius:100px;color:#276b61;font-size:13px;font-weight:700;padding:7px 12px;text-decoration:none}.guide-section{padding:78px 0}.guide-section.soft{background:#f5f9f7}.guide-section h2{color:#184d58;font-size:clamp(27px,3vw,37px);letter-spacing:-.025em;margin:8px 0 13px}.guide-intro{color:#5d7778;line-height:1.75;max-width:760px}.guide-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.guide-card{background:#fff;border:1px solid #dcece4;border-radius:19px;box-shadow:0 10px 27px rgba(25,81,69,.04);padding:27px}.guide-card h3{color:#205c61;font-size:20px;margin:0 0 10px}.guide-card li,.guide-card p{color:#5a7272;line-height:1.7}.guide-card ul{margin-bottom:0;padding-left:20px}.guide-card a{color:#137965;font-weight:800}.guide-icon{background:#e3f5e9;border-radius:12px;color:#168b73;display:inline-grid;font-size:21px;height:43px;margin-bottom:18px;place-items:center;width:43px}.guide-flow{align-items:stretch;display:flex;gap:10px;margin:25px 0 15px}.guide-flow-item{background:#fff;border:1px solid #cde9db;border-radius:14px;color:#2b6260;flex:1;font-size:14px;font-weight:800;line-height:1.5;padding:17px 16px}.guide-flow-item small{color:#158e76;display:block;font-weight:800;letter-spacing:.05em;margin-bottom:5px}.guide-flow-arrow{align-self:center;color:#14957c;font-size:25px;font-weight:900}.guide-note{background:#eaf7ef;border-left:4px solid #2daa8b;border-radius:0 12px 12px 0;color:#416c67;line-height:1.6;padding:16px 19px}.guide-menu{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.guide-menu article{background:#fff;border:1px solid #deebe4;border-radius:15px;padding:19px 21px}.guide-menu h3{color:#1f5b60;font-size:16px;margin:0 0 6px}.guide-menu p{color:#61787a;font-size:14px;line-height:1.6;margin:0}.guide-procedure{display:grid;gap:19px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:27px}.guide-procedure article{background:#fff;border:1px solid #d9e9df;border-radius:17px;padding:26px}.guide-procedure h3{color:#1f5b60;font-size:19px}.guide-procedure ol{color:#556e70;line-height:1.8;padding-left:21px}.guide-procedure li{margin-bottom:8px;padding-left:4px}.guide-callout{background:linear-gradient(110deg,#195664,#16886f);border-radius:18px;color:#fff;margin-top:25px;padding:25px}.guide-callout h3{color:#fff;margin:0 0 8px}.guide-callout p{color:#e7f7ef;margin:0}.guide-faq{margin-top:25px}.guide-faq details{background:#fff;border:1px solid #dcebe3;border-radius:12px;margin-bottom:9px;padding:17px 20px}.guide-faq summary{color:#265a5a;cursor:pointer;font-weight:800}.guide-faq p{color:#5e7474;line-height:1.7;margin:12px 0 0}.guide-download{align-items:center;background:#174c59;border-radius:20px;color:#fff;display:flex;gap:25px;justify-content:space-between;padding:31px}.guide-download h2{color:#fff;margin:0 0 7px}.guide-download p{color:#dcf2e9;margin:0}.guide a:focus-visible,.guide summary:focus-visible{outline:3px solid #6ad1a8;outline-offset:3px}@media(max-width:760px){.guide-hero{padding:52px 0}.guide-section{padding:58px 0}.guide-grid,.guide-menu,.guide-procedure{grid-template-columns:1fr}.guide-flow{flex-direction:column}.guide-flow-arrow{transform:rotate(90deg)}.guide-download{align-items:stretch;flex-direction:column}.guide-button{width:100%}}.guide{overflow:hidden}.guide-hero{background:radial-gradient(circle at 76% 40%,#c9f5dd 0,transparent 29%),radial-gradient(circle at 10% 90%,#e6f8dc 0,transparent 27%),linear-gradient(135deg,#f6fcf8,#e7f4f1);padding:64px 0 34px;position:relative}.guide-hero-grid{align-items:center;display:grid;gap:42px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.guide-hero-copy{position:relative;z-index:1}.guide-hero h1{max-width:640px}.guide-hero p{max-width:620px}.guide-illustration{display:grid;height:380px;place-items:center;position:relative}.guide-orbit{border:2px dashed rgba(38,155,121,.26);border-radius:50%;position:absolute;transform:rotate(-12deg)}.guide-orbit-one{height:300px;width:390px}.guide-orbit-two{height:370px;transform:rotate(24deg);width:320px}.guide-visual-card{animation:guide-bob 6s ease-in-out infinite;background:#fff;border:1px solid #d6eadf;border-radius:22px;box-shadow:0 32px 60px rgba(25,94,77,.16);position:relative;transform:rotate(-5deg);width:min(330px,84%)}.guide-visual-top{align-items:center;border-bottom:1px solid #e7f1eb;display:flex;gap:5px;padding:12px 15px}.guide-visual-top span{background:#f6ad79;border-radius:50%;height:7px;width:7px}.guide-visual-top span:nth-child(2){background:#f6d47c}.guide-visual-top span:nth-child(3){background:#8fdbad}.guide-visual-top b{color:#528077;font-size:10px;letter-spacing:.11em;margin-left:auto}.guide-visual-body{padding:21px}.guide-visual-avatar{background:linear-gradient(135deg,#ffe4a5,#ffb785);border-radius:19px;color:#a04c2e;display:grid;font-size:33px;height:62px;place-items:center;width:62px}.guide-visual-lines{display:grid;gap:8px;margin:16px 0}.guide-visual-lines i{background:#d8eee4;border-radius:20px;display:block;height:9px;width:79%}.guide-visual-lines i+i{background:#e8f4ed;width:54%}.guide-visual-progress{background:#eaf5ee;border-radius:20px;height:9px;overflow:hidden}.guide-visual-progress span{animation:guide-progress 2s ease both;background:linear-gradient(90deg,#55c7a0,#168d79);border-radius:inherit;display:block;height:100%;width:70%}.guide-visual-tiles{display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin-top:18px}.guide-visual-tiles em{background:#eaf8ef;border-radius:13px;color:#168e76;display:grid;font-size:23px;font-style:normal;min-height:65px;place-items:center}.guide-visual-tiles em:nth-child(2){background:#e9f4fb;color:#377da1}.guide-visual-tiles em:nth-child(3){background:#fff2dc;color:#c57b2c}.guide-visual-tiles small{font-size:10px;font-weight:800}.guide-float{animation:guide-float 5s ease-in-out infinite;background:#fff;border-radius:13px;box-shadow:0 12px 30px rgba(22,91,75,.13);color:#216b5b;font-size:13px;font-weight:800;padding:10px 15px;position:absolute;z-index:2}.guide-float-one{right:0;top:33px;transform:rotate(7deg)}.guide-float-two{animation-delay:-2s;bottom:31px;left:0}.guide-nav{margin-top:30px;position:relative;z-index:2}.guide-nav a{box-shadow:0 5px 15px rgba(31,105,78,.08);transition:transform .2s,background .2s}.guide-nav a:hover,.guide-role-jump a:hover{background:#dcf3e6;transform:translateY(-3px)}.guide-role-jump{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 0}.guide-role-jump a{align-items:center;background:#e3f5e9;border-radius:99px;color:#176c5d;display:inline-flex;font-weight:800;gap:15px;padding:10px 16px;text-decoration:none;transition:transform .2s,background .2s}.guide-card,.guide-faq details,.guide-menu article,.guide-procedure article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.guide-card:hover,.guide-faq details:hover,.guide-menu article:hover,.guide-procedure article:hover{border-color:#9bd8bc;box-shadow:0 16px 34px rgba(25,81,69,.11);transform:translateY(-4px)}.guide-role-card{overflow:hidden;position:relative}.guide-role-card:after{color:#e9f7ed;content:"✦";font-size:150px;line-height:1;pointer-events:none;position:absolute;right:-10px;top:-35px}.guide-role-card:nth-child(2):after{color:#e8f3fa;content:"◇"}.guide-role-card>*{position:relative;z-index:1}.guide-menu article:before{background:#e5f6ec;border-radius:13px;color:#188c73;display:grid;font-size:23px;font-weight:800;height:42px;margin-bottom:13px;place-items:center;width:42px}.guide-menu article:first-child:before{content:"⌂"}.guide-menu article:nth-child(2):before{content:"✦"}.guide-menu article:nth-child(3):before{content:"▤"}.guide-menu article:nth-child(4):before{content:"✉"}.guide-menu article:nth-child(5):before{content:"☷"}.guide-menu article:nth-child(6):before{content:"✓"}.guide-menu article:nth-child(7):before{content:"✎"}.guide-menu article:nth-child(8):before{content:"◇"}.guide-menu article:nth-child(9):before{content:"★"}.guide-menu article:nth-child(10):before{content:"⋯"}.guide-flow-item{padding-top:51px;position:relative}.guide-flow-item:before{background:#dff4e9;border-radius:50%;color:#168b73;content:"1";display:grid;font-size:14px;height:29px;left:16px;place-items:center;position:absolute;top:12px;width:29px}.guide-flow-item:nth-of-type(2):before{content:"2"}.guide-flow-item:nth-of-type(3):before{content:"3"}.guide-flow-arrow{animation:guide-nudge 2s ease-in-out infinite}.guide-section[id]{scroll-margin-top:92px}.guide-card[id]{scroll-margin-top:100px}.guide-faq details[open]{border-color:#9bd8bc;box-shadow:0 12px 28px rgba(25,81,69,.08)}.guide-faq summary::marker{color:#168b73}.guide-faq details[open] summary{color:#168b73}.guide-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.guide-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes guide-bob{50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes guide-float{50%{translate:0 -11px}}@keyframes guide-nudge{50%{transform:translateX(5px)}}@keyframes guide-progress{0%{width:0}to{width:70%}}@media(max-width:900px){.guide-hero-grid{gap:5px;grid-template-columns:1fr}.guide-illustration{height:310px}.guide-hero{padding-top:50px}.guide-orbit-one{height:240px;width:320px}.guide-orbit-two{height:300px;width:250px}}@media(max-width:550px){.guide-illustration{height:280px}.guide-visual-card{min-width:220px;width:70%}.guide-float{font-size:11px;padding:8px 10px}.guide-float-one{right:-5px}.guide-float-two{left:-5px}.guide-hero h1{font-size:39px}.guide-menu{gap:11px}}@media(prefers-reduced-motion:reduce){.guide-float,.guide-flow-arrow,.guide-visual-card{animation:none}.guide-reveal{opacity:1;transform:none}.guide-card,.guide-faq details,.guide-menu article,.guide-nav a,.guide-procedure article,.guide-reveal,.guide-role-jump a{transition:none}}.guide-people{bottom:-16px;filter:drop-shadow(0 6px 10px rgba(27,85,74,.06));height:auto;left:50%;max-width:none;pointer-events:none;position:absolute;transform:translateX(-50%);width:min(540px,112%);z-index:3}.guide-visual-card{z-index:1}.guide-float{z-index:4}@media(max-width:900px){.guide-people{bottom:-20px;width:min(460px,105%)}}@media(max-width:550px){.guide-people{bottom:-11px;width:112%}.guide-visual-card{width:70%}.guide-float-one{top:10px}}.guide-story{background:#fff;padding:68px 0}.guide-story-head{align-items:end;display:flex;gap:30px;justify-content:space-between}.guide-story-head p{color:#5d7778;line-height:1.7;margin:0;max-width:410px}.guide-story-art{animation:guide-art-in .8s ease both;border-radius:27px;box-shadow:0 18px 35px rgba(31,93,86,.08);display:block;height:auto;margin:24px auto 0;width:100%}.guide-story-tip{align-items:center;background:#eaf7ef;border-radius:99px;color:#326c61;display:flex;font-weight:700;gap:12px;line-height:1.5;margin:22px auto 0;max-width:670px;padding:13px 18px}.guide-story-tip span{background:#bee8d0;border-radius:50%;color:#168a75;display:grid;flex:none;font-size:19px;height:34px;place-items:center;width:34px}.guide-task-visual{align-items:center;background:#fff;border:1px solid #d8eadf;border-radius:24px;box-shadow:0 14px 28px rgba(31,93,86,.06);display:grid;gap:32px;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);margin-top:30px;padding:22px}.guide-task-visual img{border-radius:20px;display:block;height:auto;width:100%}.guide-task-visual h3{color:#205c61;font-size:24px;margin:0 0 10px}.guide-task-visual p{color:#5a7272;line-height:1.7}.guide-task-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.guide-task-points span{background:#e7f6ee;border-radius:99px;color:#227661;font-size:13px;font-weight:800;padding:9px 13px}.guide-task-points span+span:before{color:#14957c;content:"→";margin-right:11px}.guide-people{animation:guide-people-in .9s ease both}.guide-story-art:hover,.guide-task-visual img:hover{transform:translateY(-4px)}.guide-story-art,.guide-task-visual img{transition:transform .3s ease}@keyframes guide-art-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-people-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(max-width:760px){.guide-story{padding:52px 0}.guide-story-head{display:block}.guide-story-art{margin-top:21px}.guide-story-tip{border-radius:18px}.guide-task-visual{gap:16px;grid-template-columns:1fr}.guide-task-visual img{max-height:275px;object-fit:contain}.guide-task-points span+span:before{content:none}}@media(prefers-reduced-motion:reduce){.guide-people,.guide-story-art{animation:none}.guide-story-art,.guide-task-visual img{transition:none}}.guide-scene{background:linear-gradient(135deg,#dcf5e9,#eff9e9);border-radius:18px;height:130px;isolation:isolate;overflow:hidden;position:relative}.guide-scene:after,.guide-scene:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.guide-scene:before{background:hsla(0,0%,100%,.6);height:145px;right:-35px;top:-80px;width:145px}.guide-scene:after{background:rgba(168,223,209,.333);bottom:-57px;height:95px;left:-32px;width:95px}.guide-mascot{bottom:0;filter:drop-shadow(0 7px 7px rgba(35,103,90,.168627451));height:130px;left:8px;object-fit:contain;object-position:left bottom;position:absolute;transition:transform .3s ease;width:135px;z-index:2}.guide-scene-object{background:#fff;border:2px solid #c4e9d8;border-radius:16px;box-shadow:0 9px 18px rgba(45,128,97,.149);color:#168a75;display:grid;font-size:34px;font-weight:800;line-height:1;min-height:68px;min-width:76px;padding:8px;place-items:center;position:absolute;right:20px;top:20px;transform:rotate(7deg);transition:transform .3s ease;z-index:3}.guide-scene-object small{color:#428378;display:block;font-size:9px;letter-spacing:.1em;margin-top:5px}.guide-card:hover .guide-mascot,.guide-journey-card:hover .guide-mascot,.guide-menu article:hover .guide-mascot{transform:translateY(-7px) rotate(-4deg)}.guide-card:hover .guide-scene-object,.guide-journey-card:hover .guide-scene-object,.guide-menu article:hover .guide-scene-object{transform:rotate(0) translateY(-5px)}.scene-email{background:linear-gradient(135deg,#e5f1fb,#f5ebf9)}.scene-email .guide-scene-object{border-color:#cadfee;color:#507fa5}.scene-learn,.scene-material{background:linear-gradient(135deg,#fff2d9,#f7f8e5)}.scene-learn .guide-scene-object,.scene-material .guide-scene-object{border-color:#f5dcaa;color:#ae7840}.scene-team,.scene-upload{background:linear-gradient(135deg,#e3f4f2,#dcf0fa)}.scene-grade,.scene-quiz{background:linear-gradient(135deg,#e7f6e6,#f3efd8)}.scene-chat,.scene-resource{background:linear-gradient(135deg,#f5eaf5,#e8f3fa)}.guide-start-scene{height:155px;margin:-6px -6px 22px}.guide-start-scene .guide-mascot{height:155px;left:22px;width:148px}.guide-start-scene .guide-scene-object{font-size:43px;min-height:90px;min-width:105px;right:13%;top:30px}.guide-journey-cards{display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:27px}.guide-journey-card{background:#fff;border:1px solid #dcece4;border-radius:20px;box-shadow:0 12px 26px rgba(27,104,83,.051);min-width:0;padding:11px 11px 19px;position:relative;transition:transform .25s,box-shadow .25s}.guide-journey-card:not(:last-child):after{background:#168b78;border-radius:50%;color:#fff;content:"→";display:grid;font-size:18px;font-weight:800;height:26px;place-items:center;position:absolute;right:-23px;top:76px;width:26px;z-index:4}.guide-journey-card:hover{box-shadow:0 18px 31px rgba(27,104,83,.149);transform:translateY(-5px)}.guide-journey-card .guide-scene{height:145px}.guide-journey-card>div+div{padding:14px 7px 0}.guide-journey-number{color:#168b78;font-size:11px;font-weight:800;letter-spacing:.1em}.guide-journey-card h3{color:#205c61;font-size:18px;margin:5px 0}.guide-journey-card p{color:#5a7272;font-size:13px;line-height:1.55;margin:0}.guide-menu article:before{display:none}.guide-menu-scene{height:100px;margin-bottom:15px}.guide-menu-scene .guide-mascot{bottom:0;height:96px;left:8px;width:125px}.guide-menu-scene .guide-scene-object{font-size:28px;min-height:58px;min-width:61px;right:22px;top:13px}.guide-task-picture{min-width:0;position:relative}.guide-task-picture>img:not(.guide-task-mascot){border-radius:20px;display:block;height:auto;width:100%}.guide-task-picture .guide-task-mascot{bottom:-10px;filter:drop-shadow(0 10px 12px rgba(43,104,88,.2196078431));height:140px;object-fit:contain;position:absolute;right:-15px;width:160px;z-index:2}@media(max-width:900px){.guide-journey-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-journey-card:nth-child(2):after{display:none}}@media(max-width:550px){.guide-journey-cards{gap:17px;grid-template-columns:1fr}.guide-journey-card{align-items:center;display:grid;gap:10px;grid-template-columns:105px minmax(0,1fr);padding:10px}.guide-journey-card .guide-scene{height:100px}.guide-journey-card .guide-mascot{bottom:0;height:98px;left:-3px;width:102px}.guide-journey-card .guide-scene-object{border-radius:9px;font-size:17px;min-height:34px;min-width:34px;padding:4px;right:3px;top:8px}.guide-journey-card .guide-scene-object small{display:none}.guide-journey-card>div+div{padding:0 4px}.guide-journey-card:not(:last-child):after{bottom:-23px;content:"↓";right:calc(50% - 13px);top:auto}.guide-start-scene .guide-scene-object{right:9%}.guide-task-picture .guide-task-mascot{height:100px;right:-6px;width:110px}}@media(prefers-reduced-motion:reduce){.guide-journey-card,.guide-mascot,.guide-scene-object{transition:none}}.guide-role-scene{height:137px;margin-bottom:22px}.guide-role-scene .guide-mascot{left:22px}.guide-help-art{align-items:center;background:linear-gradient(110deg,#dff4e9,#ebf5fb);border-radius:20px;color:#2b6865;display:flex;font-size:17px;font-weight:800;gap:22px;line-height:1.5;margin-top:25px;min-height:125px;overflow:hidden;padding:18px 68px 18px 145px;position:relative}.guide-help-avatar{bottom:0;height:124px;left:15px;object-fit:contain;object-position:left bottom;position:absolute;width:118px}.guide-help-art b{background:#fff;border-radius:14px;color:#168a75;display:grid;font-size:26px;height:41px;place-items:center;position:absolute;right:23px;top:27px;transform:rotate(9deg);width:41px}.guide-download-mascot{flex:none;height:124px;object-fit:contain;object-position:center bottom;width:124px}.guide-download>.guide-button{flex:none}@media(max-width:760px){.guide-help-art{font-size:14px;padding:20px 52px 20px 115px}.guide-help-avatar{left:1px;width:105px}.guide-help-art b{font-size:19px;height:28px;right:13px;top:10px;width:28px}.guide-download-mascot{height:88px;width:88px}.guide-download>.guide-button{width:100%}}