.banner-container{width:100%;height:460px;position:relative;display:flex;justify-content:start;align-items:center;border:10px solid #e6842b;border-radius:10px}.banner-title{width:419px;height:85px;position:absolute;top:-50px;left:0;display:flex;justify-content:center;align-items:center;background-size:contain;background-repeat:no-repeat;background-image:url(/_next/static/media/banner-title.8f27060a.svg)}.banner-title>h2{font-size:44px;color:#CE572C}.banner-image{position:absolute;margin-right:-30px;margin-bottom:-20px;right:0;bottom:0}.banner-text-wrapper{display:flex;flex-direction:column;justify-content:space-between;font-size:32px;width:994px;height:330px;color:#121212;margin-left:51px}.banner-text-wrapper.dark{color:#FAFCFE}@media (max-width:430px){.banner-container{height:952px}.banner-title{width:294px;height:60px}.banner-title>h2{font-size:44px}.banner-container{height:533px}.banner-title{top:-40;left:20}.banner-image{width:246px;height:267px;margin-top:-306px;margin-right:0;margin-bottom:0;top:0;left:-10}.banner-text-wrapper{margin-left:0;width:370px;height:423px;font-size:28px;padding:10px}}header{width:100%;height:98px;display:flex;justify-content:space-between;align-items:center}@media (max-width:460px){header{gap:10px}header>img{width:181px;height:34px}}.toogle-container{width:196px;height:98px;border-radius:12px;display:flex;justify-content:center;align-items:center;background-color:#FFFFFF;border:3px solid #b4b4b4;box-shadow:0 0 3.604px 0 rgba(0,0,0,.25);transition:background-color .3s}.toogle-btn.dark~.toogle-container,.toogle-container.dark{background-color:#0D1117;border:3px solid #30363d}.toogle-btn{width:100px;height:50px;border-radius:40px;background-color:#E9E9E9;border:none;position:relative;cursor:pointer;transition:background .3s;display:flex;align-items:center;padding:0}.toogle-btn.dark{background-color:#5D5D5D}.switch-knob{position:absolute;top:4px;left:54px;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0001;transition:left .3s,background .3s;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.toogle-btn.dark .switch-knob{left:4px;background:#090C10}.switch-knob img{width:25px;height:25px}@media (max-width:460px){.switch-knob img{width:15px;height:15px}.toogle-container{width:117.6px;height:58.8px;border-radius:7.2px;padding:14.4px}.toogle-btn{width:60px;height:30px;border-radius:24px}.switch-knob{width:25.2px;height:25.2px;top:2.4px;left:32.4px;font-size:.9rem}.toogle-btn.dark .switch-knob{left:2.4px}}.select-character-root{width:100%;display:flex;flex-direction:column;align-items:center}.characters-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.char-card{cursor:pointer;padding:8px;border:2px solid #ccc;border-radius:8px;text-align:center;width:88px;transition:border-color .2s}.char-card.selected{border-color:#e87c28;background:#fff4e5}.character-details{margin-top:2rem;padding:1rem;border:2px solid #6dbf3a;border-radius:12px;background:#f7f7f7;width:100%;max-width:420px}.character-details h3{margin-top:10px;margin-bottom:18px;font-size:1.3rem}form{display:flex;flex-direction:column;gap:1rem}input,textarea{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px}.submit{background:#3e853b;color:white;border:none;padding:10px 24px;border-radius:8px;font-size:1rem;cursor:pointer}button[disabled]{opacity:.6;cursor:default}