.user_guide_wrapper__3sbbr{max-width:1100px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.user_guide_intro__NUQKz{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6;color:#444}.user_guide_steps__Ss_lp{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:3rem}.user_guide_stepCard__usSHj{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .2s ease;display:flex;flex-direction:column}.user_guide_stepCard__usSHj:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.user_guide_stepCard__usSHj h2{font-size:1.25rem;color:#253372;margin-top:0;margin-bottom:1rem;font-weight:700}.user_guide_stepCard__usSHj ul{padding-left:1.2rem;margin:0;color:#555;line-height:1.6}.user_guide_stepCard__usSHj li{margin-bottom:.5rem}.user_guide_tips__CDomN{background-color:#f0f7ff;padding:1.5rem;border-radius:8px;border-left:5px solid #253372}.user_guide_tips__CDomN h2{margin-top:0;font-size:1.1rem;color:#253372}.user_guide_tips__CDomN ul{margin:0;padding-left:1.2rem}@media (max-width:768px){.user_guide_steps__Ss_lp{grid-template-columns:1fr}.user_guide_wrapper__3sbbr{padding:1rem}}header{width:100%;display:grid;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:3rem 1rem;min-height:350px;background-color:#68a8cd;color:#122848}header .warning{color:#d32f2f!important;font-weight:700;font-size:1rem;z-index:2;position:relative;text-align:center;margin-top:.5rem!important;margin-bottom:1rem}.logo{height:100px;aspect-ratio:auto;margin-top:-3rem;margin-left:-3rem;max-width:200px;object-fit:contain}.top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;position:relative;z-index:2;margin-bottom:1rem;margin-top:-1rem}.top nav{margin-right:-1rem;margin-top:-1.5rem}nav>ul{display:flex;gap:.5rem}nav>ul>li{list-style:none;display:inline;font-size:1.2rem}nav>ul>li>a{border-radius:var(--border-radius);color:#122848;padding:.4em .7em;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.title{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:.5em;margin-top:-4rem}.title,header p{position:relative;z-index:2;text-align:center}header p{margin-top:-3rem;margin-bottom:0;text-wrap:pretty;font-size:clamp(1rem,3vw,1.25rem);font-weight:400;line-height:1.5;max-width:800px;padding:0 1rem}nav>ul>li>a:is(:hover,:focus-within){background-position:0;background-color:#fff;color:var(--accent);text-decoration:none}nav>ul>li>a:is(:hover,:focus-within) h2{color:rgb(var(--accent-light))}.my-link{color:#fff;font-weight:700}#shape{bottom:-2vw}#shape,.waves{position:absolute;left:0}header img.waves:first-child{opacity:.4;bottom:-.1vw;animation:move-1 5s infinite}@keyframes move-1{50%{transform:translateY(15px)}}header img.waves:nth-child(2){opacity:.3;bottom:.5vw;animation:move-2 4s infinite}@keyframes move-2{50%{transform:translateY(35px)}}header img.waves:nth-child(3){bottom:.3vw;opacity:.2;animation:move-3 3.5s infinite}@keyframes move-3{50%{transform:translateY(25px)}}header img.waves:nth-child(4){bottom:.1vw;opacity:.3;animation:move-4 3s infinite}@keyframes move-4{50%{transform:translateY(20px)}}@media screen and (max-width:800px){.logo{height:60px;max-width:150px}header{padding:2rem .75rem;min-height:300px}nav>ul>li{font-size:1rem}nav>ul>li>a{padding:.3em .5em;font-size:.9rem}}@media screen and (max-width:768px){.logo{height:60px;max-width:150px;margin-top:-1.5rem;margin-left:-1.5rem}header{padding:2rem .75rem;min-height:300px}}@media screen and (min-width:768px) and (max-width:1024px){.logo{height:70px;max-width:160px;margin-top:-1rem;margin-left:-1rem}header{padding:2.5rem 1rem;min-height:320px}}@media screen and (min-width:820px) and (max-width:1180px){.logo{height:80px;max-width:180px;margin-top:-1.2rem;margin-left:-1.2rem}header{padding:2.8rem 1.5rem;min-height:340px}}@media screen and (min-width:768px) and (max-width:1366px) and (max-height:1366px){.logo{height:clamp(60px,8vw,90px);max-width:clamp(150px,20vw,200px);margin-top:clamp(-1rem,-1.5vw,-.5rem);margin-left:clamp(-1rem,-1.5vw,-.5rem)}header{padding:clamp(2.5rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);min-height:clamp(300px,40vh,360px)}}@media screen and (max-width:600px){header{padding:1.5rem .5rem;min-height:280px}.logo{height:50px;max-width:120px;margin-top:-2rem;margin-left:-2rem}.top{margin-top:-.5rem;margin-bottom:.5rem;flex-direction:column;align-items:center;gap:1rem}.top nav{margin-right:0;margin-top:0}nav>ul{gap:.25rem;flex-wrap:wrap;justify-content:center}nav>ul>li{font-size:.9rem}nav>ul>li>a{padding:.25em .4em;font-size:.8rem}.title{font-size:clamp(1.4rem,8vw,2rem);margin-top:-2rem;margin-bottom:.25em}header p{font-size:clamp(.85rem,4vw,1.1rem);margin-top:-1.5rem;padding:0 .5rem;max-width:95%}}@media screen and (max-width:480px){header{padding:1rem .25rem;min-height:250px}.logo{height:40px;max-width:100px;margin-top:-1.5rem;margin-left:-1.5rem}.top{gap:.75rem}nav>ul{gap:.15rem}nav>ul>li>a{padding:.2em .3em;font-size:.75rem}.title{font-size:1.3rem;margin-top:-1.5rem}header p{font-size:.8rem;margin-top:-1rem;padding:0 .25rem}}@media screen and (max-width:360px){header{padding:.75rem .15rem;min-height:220px}.logo{height:35px;max-width:80px;margin-top:-.5rem;margin-left:-.5rem}nav>ul{flex-direction:column;gap:.1rem;align-items:center}nav>ul>li>a{padding:.15em .25em;font-size:.7rem}.title{font-size:1.1rem;margin-top:-1rem}header p{font-size:.75rem;margin-top:-.75rem}}