.soc-page{max-width:1200px;margin:auto;padding:24px;color:#34233d;font:16px/1.75 system-ui,sans-serif}.soc-page *,.dbj-soc-promo *{box-sizing:border-box}.soc-page h1{font:400 clamp(35px,5vw,62px)/1.12 Georgia,serif;letter-spacing:-.035em}.soc-page h2{font:400 30px/1.25 Georgia,serif}.soc-page h3{font:400 24px/1.3 Georgia,serif}.soc-page a{color:#492b51}.soc-nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin:12px 0 30px}.soc-nav a,.soc-footer a{min-height:44px;display:inline-flex;align-items:center}.soc-hero,.dbj-soc-promo{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:center;padding:36px;border:2px solid #b7965b;border-radius:16px 16px 50px 16px;background:linear-gradient(120deg,#32133f,#58316b);color:#fff;margin:28px 0}.soc-hero h1,.soc-hero p,.dbj-soc-promo h2,.dbj-soc-promo p{color:#fff!important}.soc-hero h1{margin:20px 0}.soc-eyebrow{font:700 11px/1.6 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.soc-free{display:inline-block;border-radius:999px;background:#f7e4a7;color:#32133f!important;padding:7px 13px;font-weight:750}.soc-hero a,.dbj-soc-promo a{color:#fff!important}.soc-page .dbj-theme-button,.dbj-soc-promo .dbj-theme-button{display:inline-block;background:#492b51;color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:6px;min-height:44px}.soc-hero .dbj-theme-button,.dbj-soc-promo .dbj-theme-button{background:#f7e4a7;color:#32133f!important;border:1px solid #f7e4a7}.dbj-soc-promo{max-width:1232px;margin:30px auto;font:15px/1.8 system-ui,sans-serif}.dbj-soc-promo h2{font:400 34px/1.2 Georgia,serif}.soc-promo-wheel{width:240px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#8b5a94 0 12.5%,#c89950 0 25%,#67446f 0 37.5%,#dbc68a 0 50%,#8b5a94 0 62.5%,#c89950 0 75%,#67446f 0 87.5%,#dbc68a 0);border:8px solid #fffaf0;display:grid;place-items:center;box-shadow:0 0 0 2px #b7965b}.soc-promo-wheel span{display:grid;place-items:center;width:120px;height:120px;text-align:center;border-radius:50%;background:#32133f;color:#fff;font-weight:800;font-size:16px;line-height:1.3}.soc-card,.soc-policy{padding:28px;border:1px solid #d4c4a3;border-radius:12px;background:#fffdf8;margin:24px 0;min-width:0}.soc-draw-grid,.soc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.soc-steps article{padding:24px;background:#fffaf0;border:1px solid #d4c4a3;border-radius:12px}.soc-steps article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#492b51;color:#fff}.soc-draw-grid img{width:100%;height:240px;object-fit:contain;background:#f5efdf;border-radius:8px}.soc-draw-hero{display:grid;grid-template-columns:minmax(200px,360px) minmax(0,1fr);align-items:center;gap:38px;margin:30px 0}.soc-draw-hero figure{margin:0}.soc-draw-hero img{width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:10px}.soc-draw-room{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:28px;background:#fffaf0;border:1px solid #d4c4a3;border-radius:14px;min-width:0}.soc-page form{display:grid;gap:16px;margin:24px 0}.soc-page label{display:grid;gap:6px}.soc-page :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;font:inherit;padding:11px;border:1px solid #998895;background:#fff;color:#34233d;border-radius:6px}.soc-page textarea{min-height:100px}.soc-page .soc-check{display:flex;gap:12px;align-items:flex-start;font-size:14px}.soc-check input{flex:none;width:20px;height:20px;margin-top:5px}.soc-page button{padding:12px 18px;border:0;border-radius:6px;background:#492b51;color:#fff;font:650 15px/1.4 system-ui,sans-serif;cursor:pointer;min-height:44px;white-space:normal}.soc-page button[hidden]{display:none!important}.soc-wheel-wrap{position:relative;max-width:380px;margin:22px auto}.soc-wheel-wrap canvas{width:100%;height:auto;display:block;border-radius:50%;border:5px solid #b7965b;background:#eee8f2;transition:transform 4s cubic-bezier(.12,.72,.16,1)}.soc-wheel-pointer{position:absolute;top:-20px;left:calc(50% - 15px);color:#492b51;font-size:30px;text-shadow:0 1px #fff}.soc-small{font-size:12px;color:#605463}.soc-roster{max-height:320px;overflow:auto;padding-left:24px}.soc-alert{padding:18px;border-left:4px solid #a47831;background:#eee8f2}.soc-page :is(code,dd){overflow-wrap:anywhere}.soc-page dt{font-weight:750;margin-top:18px}.soc-page dd{margin:4px 0 16px}.soc-footer{max-width:1200px;margin:auto;padding:32px 24px;color:#492b51}.soc-page :is(a,button,input,select,textarea):focus-visible,.dbj-soc-promo a:focus-visible{outline:3px solid #c89950;outline-offset:4px}.soc-page [data-soc-messages] article{border-top:1px solid #d4c4a3;padding:14px 0}.soc-policy{max-width:900px;margin:auto}.soc-page .dbj-member-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){.soc-draw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soc-hero,.dbj-soc-promo{grid-template-columns:minmax(0,1fr) 180px;gap:22px}.soc-promo-wheel{width:175px}.soc-promo-wheel span{width:95px;height:95px;font-size:13px}.soc-draw-room{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.soc-page{padding:18px 16px}.soc-hero,.dbj-soc-promo,.soc-draw-hero,.soc-draw-grid,.soc-steps{grid-template-columns:minmax(0,1fr)}.soc-hero,.dbj-soc-promo,.soc-card,.soc-policy,.soc-draw-room{padding:22px}.soc-promo-wheel{margin:12px auto}.soc-draw-hero img{max-height:320px}.soc-nav{gap:8px 15px}.dbj-soc-promo h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.soc-wheel-wrap canvas{transition:none}}
.soc-guide-hero{display:block}.soc-guide-hero>p{max-width:75ch}
.soc-legal-footer{text-align:center;padding:16px;font:13px/1.8 system-ui,sans-serif}.soc-legal-footer a{color:#492b51;display:inline-block;min-height:44px;padding:8px}