html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif!important;min-height:100vh;}

:root{
  --bg:#0d0d14;--bg2:#14141e;--bg3:#1a1a28;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);
  --text:#e0e0e0;--text2:rgba(255,255,255,0.45);--text3:rgba(255,255,255,0.22);
  --accent:#7C6AF7;--accent2:rgba(124,106,247,0.15);
}

*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;}


.sob-wrap a,.sob-wrap a:hover,.sob-wrap a:visited,.sob-wrap a:focus{text-decoration:none!important;}

.sob-wrap{max-width:680px;margin:0 auto;padding:8px 0 48px;}

/* HEADER */
.sob-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:48px;}
.sob-logo{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:700;font-size:26px;letter-spacing:-0.5px;color:var(--text);text-decoration:none;display:inline-flex;align-items:baseline;}
.sob-logo-s1{color:#7EC8E3;}
.sob-logo-s2{color:#FFB7C5;}
.sob-logo-s3{color:#FF9A3C;}
.sob-logo-s4{color:#D47C2A;}
.sob-logo-only{color:var(--text);padding-bottom:3px;background-image:linear-gradient(to right,#7EC8E3,#FFB7C5,#FF9A3C,#D47C2A);background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px;}
.sob-back{font-family:'DM Sans',Arial,sans-serif!important;font-size:13px;font-weight:500;color:var(--text2);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color 0.15s;}
.sob-back:hover{color:var(--text);}

/* CONTENT */
.sob-page-title{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:700;font-size:28px;color:var(--text);margin-bottom:32px;line-height:1.2;}

.sob-section{margin-bottom:36px;}
.sob-section-title{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:700;font-size:14px;color:var(--text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.sob-p{font-family:'DM Sans',Arial,sans-serif!important;font-size:14px;color:var(--text2);line-height:1.75;}
.sob-p + .sob-p{margin-top:10px;}
.sob-p a{color:var(--accent);text-decoration:none;}
.sob-p a:hover{text-decoration:underline;}

.sob-how{display:flex;flex-direction:column;gap:12px;margin-top:4px;}
.sob-how-item{display:flex;gap:14px;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;}
.sob-how-icon{width:36px;height:36px;border-radius:8px;background:var(--accent2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);}
.sob-how-body{}
.sob-how-title{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:600;font-size:13px;color:var(--text);margin-bottom:3px;}
.sob-how-desc{font-family:'DM Sans',Arial,sans-serif!important;font-size:12px;color:var(--text2);line-height:1.6;}

.sob-attr{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 18px;display:flex;align-items:center;gap:14px;}
.sob-attr-logo{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:700;font-size:18px;color:var(--accent);flex-shrink:0;}
.sob-attr-text{font-family:'DM Sans',Arial,sans-serif!important;font-size:12px;color:var(--text2);line-height:1.6;}
.sob-attr-text a{color:var(--accent);text-decoration:none;}
.sob-attr-text a:hover{text-decoration:underline;}

/* FOOTER */
.sob-footer{border-top:1px solid var(--border);padding-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:8px;}
.sob-footer-logo{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:700;font-size:14px;color:var(--text);display:inline-flex;align-items:baseline;text-decoration:none;}
.sob-footer-only{padding-bottom:1px;background-image:linear-gradient(to right,#7EC8E3,#FFB7C5,#FF9A3C,#D47C2A);background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px;}
.sob-footer-links{display:flex;gap:16px;}
.sob-footer-links a{font-family:'DM Sans',Arial,sans-serif!important;font-size:11px;color:var(--text3);text-decoration:none;transition:color 0.15s;}
.sob-footer-links a:hover{color:var(--text);}