:root{--bg:#0d1019;--panel:#171b2a;--stroke:#333a53;--text:#edf2ff;--muted:#a3adc6;--violet:#a86aff;--cyan:#34e1f4;--coral:#ff7b9a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 79% 7%,#40275e55,transparent 35%),radial-gradient(ellipse at 10% 35%,#103f5a55,transparent 40%),var(--bg);font:16px/1.65 'Segoe UI',system-ui,sans-serif;color:var(--text)}a{color:inherit}a:hover{color:var(--cyan)}.wrap{width:min(1130px,calc(100% - 40px));margin:auto}.nav{border-bottom:1px solid #ffffff19;background:#0e111acf;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.7px}.brand img{height:40px;width:40px;border-radius:11px}.nav-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.nav-links a{text-decoration:none;color:#c6cde0;font-size:14px}.nav-links a:hover{color:#fff}.tag{display:inline-block;border:1px solid #ad7aff72;border-radius:30px;background:#9e5cf51c;color:#ddcaff;font-size:12px;font-weight:700;letter-spacing:1.2px;padding:5px 13px}.hero{padding:85px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}h1{font-size:clamp(46px,6vw,75px);line-height:1.09;letter-spacing:-3px;margin:19px 0 25px}h2{font-size:clamp(27px,3.2vw,39px);line-height:1.2;letter-spacing:-1px;margin:0 0 18px}h3{font-size:19px;margin:12px 0 8px}.grad{background:linear-gradient(105deg,var(--violet),var(--cyan),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:#b8c5d8;max-width:570px;line-height:1.7}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{border:1px solid #7e71d3;background:linear-gradient(110deg,#9c58ef,#6a53e8);padding:13px 22px;border-radius:12px;text-decoration:none;color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{color:white;filter:brightness(1.15)}.btn.secondary{background:#1b2030;border-color:#4e5773}.under{font-size:13px;color:var(--muted)}.hero-art{padding:23px;border:1px solid #8f62d155;border-radius:30px;background:linear-gradient(130deg,#24203a,#122536 56%,#211629);box-shadow:0 0 90px #7f4bd033}.app-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;gap:10px}.traffic{display:flex;gap:6px}.traffic i{height:9px;width:9px;border-radius:50%;background:#fa758e}.traffic i:nth-child(2){background:#f8b86b}.traffic i:nth-child(3){background:#47d4ae}.live{color:#57f3d0;font-size:12px}.chat-line{border:1px solid #ffffff13;background:#111827ce;border-radius:15px;padding:13px 15px;margin:9px 0;font-size:13px}.chat-line b{font-size:13px;margin-right:7px}.chat-line span{color:#c6cfdf}.purple{color:#c5a4ff}.red{color:#ff97a4}.cyan{color:#67e9f6}.reply{margin-top:18px;border-radius:12px;border:1px solid #47506b;background:#0d1220;padding:13px;color:#bdc7db;font-size:13px}.section{padding:75px 0}.center{text-align:center}.center .lead{margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.card{border:1px solid var(--stroke);background:linear-gradient(150deg,#1b1e30,#121926);border-radius:21px;padding:25px;min-height:200px}.card p{color:#abb6ca;margin:0}.glyph{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#9c58ef22;color:#c894ff;font-size:23px}.panel{border:1px solid #4c4168;background:linear-gradient(110deg,#201931,#121d2c);border-radius:26px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.panel p{color:var(--muted);max-width:550px}.footer{border-top:1px solid #ffffff19;padding:30px 0 40px;color:#a5b0c3;font-size:13px}.footer-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{text-decoration:none}.inner{max-width:790px;padding:65px 0 100px}.inner h1{font-size:49px}.inner p,.inner li{color:#bfc7d9}.inner h2{font-size:24px;margin-top:33px}.notice{border:1px solid #a67bf877;background:#36214875;border-radius:15px;padding:15px 20px;margin:24px 0}.notice strong{color:#f7dafa}.small{font-size:13px;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:52px}.cards{grid-template-columns:1fr}.panel{display:block}.nav-in{align-items:flex-start;flex-direction:column}.nav-links{gap:14px}.hero-art{max-width:600px}.section{padding:48px 0}}

/* Responsive text containment: prevent long local OBS URLs from spilling outside cards. */
.cards > .card { min-width: 0; }
.card p { overflow-wrap: anywhere; }
.card code { overflow-wrap: anywhere; word-break: break-word; white-space: normal; }