@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');:root{font-family:Kanit,system-ui,sans-serif;color:#271b1c;background:#fffaf5}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}header{background:#680e1c;color:white;position:sticky;top:0;z-index:10;box-shadow:0 4px 22px #25000930}.bar{max-width:1160px;margin:auto;display:flex;align-items:center;gap:28px;padding:17px 22px}.brand{font-size:27px;font-weight:700;letter-spacing:1px;white-space:nowrap}.brand span{color:#f6c66c}nav{display:flex;gap:24px;margin:auto}nav a{font-size:14px;color:#ffece5}.actions,.hero-actions{display:flex;gap:10px;align-items:center}.gold,.outline{display:inline-flex;justify-content:center;align-items:center;padding:10px 17px;border-radius:9px;font-weight:500;font-size:14px}.gold{background:linear-gradient(135deg,#ffe0a1,#e8ae46);color:#481419}.outline{border:1px solid #e9b66d;color:inherit}.hero{background:radial-gradient(circle at 90% 20%,#c7373b 0,transparent 36%),linear-gradient(125deg,#540a19,#991927);color:white;padding:100px max(24px,calc((100vw - 1116px)/2)) 110px}.eyebrow,small{color:#e5b65d;letter-spacing:1.3px;font-size:12px;font-weight:600}.hero h1{font-size:clamp(36px,5vw,66px);line-height:1.22;margin:20px 0}.hero em{font-style:normal;color:#ffcf79}.hero p{max-width:560px;color:#f7dadd;font-weight:300;line-height:1.9}.hero-actions{margin-top:30px}main>section:not(.hero){max-width:1160px;margin:52px auto;padding-left:22px;padding-right:22px}.panel{background:#fff;border:1px solid #f1e4d9;border-radius:18px;padding:30px!important;box-shadow:0 10px 30px #6d2d1210}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}h2{font-size:29px;margin:5px 0 10px}h3{font-size:20px;line-height:1.4;margin:12px 0}p{line-height:1.8;color:#685759}.pill,.tag{border-radius:100px;background:#fff1db;color:#8b5112;padding:5px 12px;font-size:12px}.link{color:#951727;font-weight:600}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #f0e2d9;border-radius:15px;overflow:hidden;background:white}.placeholder{height:175px;background:linear-gradient(135deg,#780f20,#c63b3d);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffda88;font-size:31px;font-weight:700;letter-spacing:3px}.placeholder span{font-size:13px;color:white;letter-spacing:6px}.placeholder.alt{background:linear-gradient(135deg,#a97422,#e5c076);color:#542519}.placeholder.dark{background:linear-gradient(135deg,#291c22,#6c2734)}.cardbody{padding:20px}.cardbody p{font-size:14px}.bottom{margin-bottom:70px!important}footer{background:#390b15;color:#fff;padding:35px 24px;text-align:center}footer strong{font-size:24px;color:#ffd17b}footer p{color:#e2c8ca;font-size:13px}.auth{min-height:75vh;display:grid;place-items:center;padding:35px 20px}.authbox{max-width:450px;width:100%;padding:35px;background:#fff;border:1px solid #efdcd3;border-radius:18px;box-shadow:0 15px 40px #4d171015}.authbox h1{margin:0 0 8px}.authbox label{display:block;margin:18px 0 6px;font-size:14px}.authbox input{display:block;width:100%;padding:13px;border:1px solid #d9c8c2;border-radius:9px;font:inherit}.notice{background:#fff3df;padding:14px;border-radius:9px;font-size:13px;color:#79501c}.authbox .gold{margin-top:18px;width:100%;border:0;font:inherit;cursor:not-allowed;opacity:.7}.authbox .link{display:block;margin-top:20px;text-align:center}@media(max-width:800px){.bar{flex-wrap:wrap;gap:10px}.brand{margin-right:auto}nav{order:3;width:100%;justify-content:center;gap:20px}.actions .gold,.actions .outline{padding:8px;font-size:12px}.hero{padding:65px 22px 75px}.cards{grid-template-columns:1fr}.sectionhead{align-items:flex-start;flex-direction:column}}

/* CJNINE red & polished gold redesign — homepage */
:root{background:#280305;color:#fff3dd}body{background:radial-gradient(circle at 50% 38%,#9e1115 0,#4b060a 42%,#200305 100%);color:#fff3dd}header{background:linear-gradient(90deg,#260305,#550608 50%,#230204);border-bottom:1px solid #e8a83e;box-shadow:0 5px 30px #0009}.bar{max-width:1420px;padding:15px 28px}.brand{font-size:30px;font-weight:700;font-style:italic;color:#fff3b0;text-shadow:0 2px 0 #8b4500,0 0 14px #f6a52c}.brand span{background:linear-gradient(#fff5a9,#ffcb3d 45%,#a65b08);background-clip:text;-webkit-background-clip:text;color:transparent}nav a:hover{color:#ffda65}.gold{background:linear-gradient(155deg,#fff7bb 0%,#ffd35b 35%,#bf750c 75%,#fff0a5);border:1px solid #fff1a0;color:#3c0b05;box-shadow:inset 0 1px 3px #fff9,0 5px 17px #ef9b1a70;border-radius:999px}.outline{border:1px solid #ffd269;background:linear-gradient(120deg,#420406,#8c090b);color:#fff1c7;border-radius:999px}.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;min-height:560px;padding:55px 24px 70px;background:radial-gradient(ellipse at 50% 70%,#ed2a0c 0%,#8c090b 33%,transparent 70%),radial-gradient(circle at 10% 45%,#f4a40b99,transparent 35%),radial-gradient(circle at 90% 45%,#ffb22a88,transparent 35%),linear-gradient(110deg,#350205,#a1090b 52%,#300305);border-bottom:3px solid #efba48}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;width:64vw;height:240px;top:210px;border:22px solid #ffc94c;border-left:0;border-right:0;border-radius:50%;filter:drop-shadow(0 0 20px #ffad18);opacity:.55;transform:rotate(-20deg)}.hero:before{left:-40vw}.hero:after{right:-40vw;transform:rotate(20deg)}.hero-sparks{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#fff5b4 1px,transparent 2px),radial-gradient(circle,#fbbd4b 2px,transparent 3px);background-size:67px 73px,143px 121px;opacity:.32;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-inner{max-width:1040px;margin:auto;position:relative}.hero-crown{font-size:57px;line-height:1;color:#ffdc65;text-shadow:0 0 20px #ff9a12}.hero-logo{font-weight:700;font-size:clamp(68px,11vw,155px);line-height:1.1;font-style:italic;letter-spacing:-5px;color:#ffdd69;text-shadow:0 3px 0 #a45b00,0 7px 0 #552005,0 12px 20px #000b,0 0 30px #ffac3e}.hero-logo span{display:inline-block;margin-left:12px;padding:0 19px;background:linear-gradient(140deg,#ae0713,#60040a);border:4px solid #f9c848;border-radius:17px;box-shadow:inset 0 0 22px #ff574b80,0 0 25px #ffb33570}.hero .eyebrow{margin-top:22px;color:#ffe8a3}.hero h1{font-size:clamp(25px,3vw,40px);margin:8px auto;color:#fff6df}.hero h1 em{color:#ffdb70}.hero p{max-width:670px;margin:8px auto;color:#ffe9d3;font-size:16px}.hero-actions{justify-content:center;margin-top:26px}.hero-actions a{padding:14px 26px;font-size:16px}.hero-orbit{position:absolute;top:125px;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 28% 25%,#fff8db,#f7ca56 38%,#b50c11 40%,#71040a);border:6px solid #ffd76e;box-shadow:0 0 30px #ffc84b;font-size:65px;color:#fff4dc;text-shadow:2px 3px #310102}.hero-orbit.left{left:0}.hero-orbit.right{right:0}.quick-nav{max-width:1260px;margin:-28px auto 35px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(130deg,#390305,#77080c,#340204);border:1px solid #eebd54;border-radius:17px;box-shadow:0 12px 30px #0009;overflow:hidden}.quick-nav a{display:grid;grid-template-columns:45px 1fr;column-gap:8px;align-content:center;padding:19px 16px;border-right:1px solid #d5a44b60}.quick-nav a:last-child{border-right:0}.quick-nav a>span{grid-row:span 2;font-size:33px;color:#ffd05e}.quick-nav strong{font-size:17px;color:#ffe19a}.quick-nav small{font-size:11px;color:#ffe2c3;letter-spacing:0}.quick-nav a:hover{background:#ab151b}main>section:not(.hero){max-width:1260px;margin:30px auto;padding-left:22px;padding-right:22px}.panel,.card{background:linear-gradient(135deg,#51060b,#2a0407);border:1px solid #e5ad45;box-shadow:0 10px 35px #0005;color:#fff3dd}.panel p,.cardbody p{color:#f4d7cc}.pill,.tag{background:#ffdd82;color:#56150b}.link{color:#ffd36e}.placeholder{background:radial-gradient(circle at 40% 25%,#f99a29,#ad0d17 55%,#470306)}.placeholder.alt{background:linear-gradient(130deg,#ffe58e,#b36d0a);color:#481509}.placeholder.dark{background:linear-gradient(135deg,#390204,#a00d18)}h2,h3{color:#ffe6a1}footer{background:#1b0204;border-top:1px solid #e6a841}footer p{color:#f4d5ca}.auth{color:#2b1616}.authbox{color:#2b1616}.authbox h1{color:#531018}@media(max-width:900px){.hero-orbit{display:none}.quick-nav{margin:-18px 16px 25px;grid-template-columns:repeat(2,1fr)}.quick-nav a:nth-child(2){border-right:0}.quick-nav a{border-bottom:1px solid #d5a44b60}}@media(max-width:520px){.hero{min-height:0;padding:55px 18px 65px}.hero-logo{letter-spacing:-3px;font-size:clamp(45px,12vw,65px)}.hero-logo span{margin-left:5px;padding:0 8px;border-width:2px}.hero-actions{flex-wrap:wrap}.quick-nav a{padding:14px 9px;grid-template-columns:30px 1fr}.quick-nav a>span{font-size:25px}.quick-nav strong{font-size:14px}.bar{padding:12px}.brand{font-size:24px}nav{gap:12px;flex-wrap:wrap}nav a{font-size:12px}}

/* CJNINE image-based hero update: original content, menus and links preserved. */
.hero{background:linear-gradient(180deg,rgba(44,0,4,.22),rgba(57,0,6,.50)),url("assets/red-gold-background.webp") center center / cover no-repeat;min-height:590px;padding-top:54px;padding-bottom:90px}
.hero:before,.hero:after,.hero-sparks{display:none!important}
.hero-inner{max-width:1050px}
.hero-logo-image{display:block;width:min(780px,92%);height:auto;margin:0 auto 4px;filter:drop-shadow(0 12px 20px rgba(32,0,0,.55))}
.hero .eyebrow{margin-top:0;color:#fff0bd;text-shadow:0 2px 8px #390008}
.hero h1,.hero p{text-shadow:0 2px 12px #320006,0 1px 3px #320006}
.hero-orbit{top:175px}
@media(max-width:900px){.hero{min-height:0;padding:52px 20px 75px}.hero-logo-image{width:min(700px,100%)}}
@media(max-width:520px){.hero{padding:40px 16px 70px;background-position:center}.hero-logo-image{width:100%}.hero h1{font-size:clamp(25px,7vw,36px)}}
