:root{--a:#be185d}
*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(180deg,#12101c,#0c0b12);color:#ece9f5;min-height:100vh;font:15px/1.65 "Segoe UI","Noto Sans Thai",sans-serif}
a{color:var(--a);text-decoration:none}a:hover{opacity:.85}
.w{max-width:1100px;margin:auto;padding:0 16px}
.top{position:sticky;top:0;background:rgba(12,11,18,.92);backdrop-filter:blur(8px);border-bottom:1px solid #2a2735;z-index:10}
.top .w{display:flex;gap:20px;align-items:center;height:60px;overflow-x:auto}
.logo{font-weight:900;font-size:22px;color:#fff}.logo b{color:var(--a)}
.menu{display:flex;gap:4px;white-space:nowrap}.menu a{color:#a9a2c0;padding:6px 12px;border-radius:8px;font-size:14px}.menu a:hover{background:#221f30;color:#fff}
.hero{padding:56px 0 30px}.hero .kicker{color:var(--a);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:12px}
.hero h1{font-size:34px;margin:6px 0 10px}.hero p{color:#a9a2c0;max-width:560px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin:26px 0}
.card{background:#1b1826;border:1px solid #2a2735;border-radius:14px;padding:18px;transition:border-color .2s}
.card:hover{border-color:var(--a)}
.card .head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ava{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--a),#1c1a28);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff}
.card h3{font-size:16px;color:#fff}.card .dm{font-size:12px;color:#7a7491}
.card .rv{color:#b8b2cc;font-size:13px;min-height:60px}
.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.st{color:#fbbf24;font-size:13px}
.btn{background:var(--a);color:#fff;padding:8px 18px;border-radius:9px;font-weight:600;font-size:13px}
.btn.out{background:#221f30;border:1px solid #38334d;color:#d8d3e8}
.art{max-width:760px;margin:40px auto;background:#1b1826;border:1px solid #2a2735;border-radius:14px;padding:30px}
.art h2{font-size:21px;margin:22px 0 10px}.art h2:first-child{margin-top:0}.art p{color:#b8b2cc;margin-bottom:12px}
.ft{margin-top:60px;border-top:1px solid #2a2735;padding:30px 0;color:#7a7491;font-size:13px}.ft .net{font-size:12px;line-height:2;margin-bottom:10px}.ft a{color:#7a7491;margin-right:12px}
.cr{font-size:13px;color:#7a7491;margin-bottom:16px}
.age{position:fixed;inset:0;background:rgba(8,7,12,.96);z-index:99;display:flex;align-items:center;justify-content:center;padding:16px}
.ageb{background:#1b1826;border:1px solid var(--a);border-radius:16px;padding:36px;max-width:400px;text-align:center}
.ageb .n{font-size:44px;font-weight:900;color:var(--a)}.ageb p{color:#a9a2c0;font-size:13px;margin:12px 0 20px}
.ageb button{background:var(--a);color:#fff;border:0;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}
@media(max-width:640px){.hero h1{font-size:24px}}