.page-xo-so{background:#0A0A0A;color:#FFF6D6;font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif}.page-xo-so__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:10px;background:#0A0A0A;position:relative;overflow:hidden}.page-xo-so__hero-image-block{width:100%;display:block;margin:0;padding:0}.page-xo-so__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:3/1;object-fit:cover;display:block;margin:0 auto;border-radius:12px}.page-xo-so__hero-content{width:100%;max-width:1200px;padding:28px 16px 32px;text-align:center}.page-xo-so__hero-title{color:#F2C14E;font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:800;line-height:1.3;letter-spacing:.01em;max-width:900px;margin:0 auto 12px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.page-xo-so__hero-description{color:#FFF6D6;font-size:1rem;line-height:1.7;max-width:760px;margin:0 auto 20px;opacity:.9}.page-xo-so__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:100%;overflow:hidden}.page-xo-so__btn{display:inline-block;padding:12px 32px;border-radius:999px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-xo-so__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;box-shadow:0 4px 16px rgba(255,211,107,.35)}.page-xo-so__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,211,107,.5)}.page-xo-so__btn--outline{background:transparent;color:#F2C14E;border:2px solid #F2C14E}.page-xo-so__btn--outline:hover{background:rgba(242,193,78,.12)}.page-xo-so__btn--large{padding:14px 44px;font-size:1.05rem;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;box-shadow:0 4px 20px rgba(255,211,107,.4)}.page-xo-so__btn--large:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,211,107,.55)}.page-xo-so__features-section{max-width:1200px;margin:0 auto;padding:56px 16px 16px}.page-xo-so__section-title{color:#F2C14E;font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800;text-align:center;margin:0 0 32px}.page-xo-so__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-xo-so__feature-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:16px;text-align:center;transition:box-shadow .3s,transform .3s}.page-xo-so__feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(255,211,107,.15)}.page-xo-so__feature-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:14px}.page-xo-so__feature-title{color:#F2C14E;font-size:1.05rem;margin:0 0 10px}.page-xo-so__feature-text{color:#FFF6D6;font-size:.92rem;line-height:1.6;opacity:.9}.page-xo-so__intro-section{max-width:900px;margin:0 auto;padding:56px 16px}.page-xo-so__intro-content p{color:#FFF6D6;font-size:1rem;line-height:1.8;margin:0 0 16px}.page-xo-so__about-game-section{background:#111111;border-top:1px solid #3A2A12;border-bottom:1px solid #3A2A12;padding:56px 16px}.page-xo-so__section-header{text-align:center;max-width:860px;margin:0 auto 32px}.page-xo-so__section-subtitle{color:#FFF6D6;opacity:.7;font-size:1.02rem;margin-top:-20px}.page-xo-so__about-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.page-xo-so__about-content-block p{color:#FFF6D6;font-size:.97rem;line-height:1.75;margin-bottom:18px}.page-xo-so__about-content-block strong{color:#F2C14E}.page-xo-so__about-image{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:2px solid #3A2A12}.page-xo-so__guide-section{max-width:1100px;margin:0 auto;padding:56px 16px}.page-xo-so__guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.page-xo-so__guide-step{background:#111111;border:1px solid #3A2A12;border-radius:14px;padding:24px 18px;position:relative;text-align:center}.page-xo-so__guide-step-number{width:40px;height:40px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-weight:800;font-size:1.1rem}.page-xo-so__guide-step-title{color:#F2C14E;font-size:.95rem;margin-bottom:10px}.page-xo-so__guide-step p{color:#FFF6D6;font-size:.85rem;line-height:1.65;margin:0}.page-xo-so__types-section{max-width:1100px;margin:0 auto;padding:24px 16px 56px}.page-xo-so__types-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.page-xo-so__type-card{background:#111111;border:1px solid #3A2A12;border-left:4px solid #F2C14E;border-radius:10px;padding:24px}.page-xo-so__type-card-title{color:#F2C14E;font-size:.95rem;margin-bottom:12px}.page-xo-so__type-card-text{color:#FFF6D6;font-size:.88rem;line-height:1.7;margin:0}.page-xo-so__different-section{background:#111111;border-top:1px solid #3A2A12;border-bottom:1px solid #3A2A12;padding:56px 16px}.page-xo-so__different-content{max-width:1000px;margin:20px auto 0}.page-xo-so__different-content p{color:#FFF6D6;font-size:1rem;line-height:1.75;margin-bottom:16px}.page-xo-so__different-content a{color:#F2C14E;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(242,193,78,.5)}.page-xo-so__tips-section{max-width:1000px;margin:0 auto;padding:56px 16px}.page-xo-so__tips-content h3{color:#F2C14E;font-size:1.1rem;margin:24px 0 12px}.page-xo-so__tips-content p{color:#FFF6D6;font-size:.95rem;line-height:1.8;margin-bottom:14px}.page-xo-so__cta-section{max-width:1200px;margin:0 auto 56px;padding:48px 24px;background:linear-gradient(135deg,rgba(242,193,78,.12),rgba(255,211,107,.06));border:1px solid #F2C14E;border-radius:18px;text-align:center}.page-xo-so__cta-title{color:#FFF;font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:800;margin-bottom:12px}.page-xo-so__cta-text{color:#FFF6D6;font-size:1rem;line-height:1.7;max-width:720px;margin:0 auto 28px;opacity:.9}.page-xo-so__testimonial-section{max-width:1200px;margin:0 auto 56px;padding:0 16px}.page-xo-so__testimonial-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.page-xo-so__testimonial-card{background:#111111;border:1px solid #3A2A12;border-radius:14px;padding:24px;text-align:center}.page-xo-so__testimonial-card blockquote{color:#FFF6D6;font-size:.92rem;line-height:1.7;font-style:italic;margin:0 0 16px}.page-xo-so__testimonial-author{color:#F2C14E;font-weight:700;font-size:.9rem}.page-xo-so__testimonial-role{display:block;color:#FFF6D6;font-size:.8rem;opacity:.6;margin-top:4px}.page-xo-so__faq-section{max-width:900px;margin:0 auto;padding:0 16px 60px}.page-xo-so__faq-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.page-xo-so__faq-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;overflow:hidden;color:#FFF6D6}.page-xo-so__faq-item summary{list-style-type:none}.page-xo-so__faq-question{display:flex;justify-content:space-between;align-items:center;color:#F2C14E;font-weight:700;font-size:1rem;padding:18px 22px;cursor:pointer;outline:none}.page-xo-so__faq-question::-webkit-details-marker{display:none}.page-xo-so__faq-question:hover{background:rgba(242,193,78,.06)}.page-xo-so__faq-icon{color:#F2C14E;font-size:1.2rem;font-weight:400;transition:transform .2s;min-width:24px;text-align:center}.page-xo-so__faq-item[open] .page-xo-so__faq-icon{transform:rotate(45deg)}.page-xo-so__faq-answer{color:#FFF6D6;font-size:.92rem;line-height:1.7;padding:0 22px 20px}.page-xo-so__section-title{margin-bottom:28px}.page-xo-so__section-subtitle{margin-bottom:0}.page-xo-so__dots-spinner{display:inline-block;text-align:center;padding:30px}.page-xo-so__dots-spinner span{display:inline-block;width:8px;height:8px;background:#F2C14E;border-radius:50%;margin:0 4px;animation:dotPulse 1.4s infinite ease-in-out}.page-xo-so__dots-spinner span:nth-child(2){animation-delay:.2s}.page-xo-so__dots-spinner span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width:1024px){.page-xo-so__features-grid{grid-template-columns:repeat(2,1fr)}.page-xo-so__guide-steps{grid-template-columns:repeat(2,1fr)}.page-xo-so__types-list{grid-template-columns:repeat(2,1fr)}.page-xo-so__about-content{grid-template-columns:1fr}.page-xo-so__testimonial-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-xo-so__hero-image{aspect-ratio:2/1}.page-xo-so__features-grid{grid-template-columns:1fr}.page-xo-so__guide-steps{grid-template-columns:1fr}.page-xo-so__types-list{grid-template-columns:1fr}.page-xo-so__testimonial-list{grid-template-columns:1fr}.page-xo-so__cta-section{padding:36px 16px}.page-xo-so__hero-actions{flex-direction:column;align-items:center}.page-xo-so__btn,.page-xo-so__btn--large,.page-xo-so__btn--primary,.page-xo-so__btn--outline{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-xo-so img{max-width:100%!important;height:auto!important}.page-xo-so{max-width:100%;overflow-x:hidden}}