.page-register__hero-section{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:10px;background:#0A0A0A;max-width:1200px;margin:0 auto}
.page-register__hero-image{width:100%;max-width:1020px;margin:0 auto}
.page-register__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:8px}
.page-register__hero-content{width:100%;padding:0 4px}
.page-register__hero-title{color:#FFF6D6;font-size:clamp(1.2rem, 2.5vw, 1.8rem);line-height:1.4;font-weight:700;margin:0 0 12px;letter-spacing:-0.01em}
.page-register__hero-description{color:#fff6d6c0;font-size:clamp(0.9rem, 1.4vw, 1.05rem);line-height:1.7;margin:0 0 24px;max-width:900px}
.page-register__hero-actions{display:flex;flex-wrap:wrap;gap:16px;width:100%;max-width:1000px;overflow:hidden;box-sizing:border-box}
.page-register__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:999px;padding:14px 32px;font-size:1rem;line-height:1.2;font-weight:700;cursor:pointer;transition:all .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;min-width:200px}
.page-register__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;box-shadow:0 4px 20px rgba(255,211,107,.25)}
.page-register__btn--primary:hover{transform:scale(1.02);box-shadow:0 6px 28px rgba(255,211,107,.45)}
.page-register__btn--secondary{background:transparent;color:#FFD36B;border:2px solid #FFD36B;box-shadow:0 0 10px rgba(255,211,107,.15)}
.page-register__btn--secondary:hover{background:#FFD36B;color:#111111;border-color:#FFD36B}
.page-register__guide-section{background:#0A0A0A;padding:48px 16px 64px}
.page-register__guide-title{color:#FFD36B;text-align:center;font-size:clamp(1.3rem, 3vw, 1.8rem);font-weight:700;margin:0 0 16px;max-width:1000px;margin-left:auto;margin-right:auto}
.page-register__guide-intro{color:#faf6e9;text-align:center;max-width:900px;margin:0 auto 32px;line-height:1.8;font-size:1rem}
.page-register__guide-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;margin:0 0 16px;max-width:900px;margin-left:auto;margin-right:auto;transition:border-color .2s ease}
.page-register__guide-item:hover{border-color:#FFD36B}
.page-register__guide-item-header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;user-select:none}
.page-register__guide-item-header::-webkit-details-marker{display:none}
.page-register__guide-step{background:linear-gradient(135deg,#FFD86A 0%,#DDA11D 100%);color:#111111;font-weight:700;border-radius:6px;padding:6px 12px;font-size:0.88rem;white-space:nowrap;flex-shrink:0}
.page-register__guide-item-title{color:#FFF6D6;font-weight:600;font-size:0.98rem;flex:1;line-height:1.5}
.page-register__guide-item-icon{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #FFD36B;border-radius:50%;color:#FFD36B;font-weight:700;font-size:1.2rem;transition:transform .25s ease}
.page-register__guide-item[open] .page-register__guide-item-icon{transform:rotate(180deg);background:#FFD36B;color:#111111}
.page-register__guide-item-content{padding:0 24px 24px;color:#e8e0c8;line-height:1.8;font-size:0.95rem}
.page-register__guide-item-content p{margin:0 0 16px}
.page-register__guide-item-content strong{color:#FFD36B}
.page-register__guide-figure{margin:16px 0 0}
.page-register__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block;border:1px solid #3A2A12}
.page-register__guide-figure figcaption{color:#fff6d699;font-size:0.82rem;padding-top:10px;text-align:center}
.page-register__guide-cta{background:linear-gradient(135deg,rgba(255,211,107,.1),rgba(255,211,107,.03));border:1px solid #FFD36B;border-radius:20px;padding:40px 32px;text-align:center;max-width:900px;margin:32px auto 0;display:flex;flex-direction:column;align-items:center;gap:20px}
.page-register__guide-cta p{color:#FFF6D6;font-size:1.05rem;line-height:1.6;margin:0;
max-width:700px}
@media (max-width:768px){
.page-register__hero-section{padding:10px 10px 20px;gap:20px}
.page-register__hero-image img{aspect-ratio:2/1}
.page-register__hero-title{font-size:1.15rem;text-align:center}
.page-register__hero-description{font-size:0.92rem;text-align:center}
.page-register__hero-actions{flex-direction:column;align-items:center;gap:12px}
.page-register__btn{width:100%;min-width:0;padding:14px 20px}
.page-register__guide-section{padding:36px 12px 48px}
.page-register__guide-item-header{flex-wrap:wrap;padding:16px}
.page-register__guide-item-content{padding:0 16px 20px}
.page-register__guide-cta{padding:28px 16px}
.page-register img{max-width:100%;height:auto}
}