:root{--ink:#11110f;--black:#090a09;--cream:#f5f0e6;--paper:#fffdf8;--gold:#b78a42;--gold-light:#dfc080;--muted:#716b61;--line:#ded4c2}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em;line-height:1.12}.demo{background:#d8b66c;color:#1a150d;text-align:center;padding:9px 20px;font-size:11px;font-weight:800;letter-spacing:.12em;position:sticky;top:0;z-index:20}.top{position:sticky;top:34px;z-index:15;min-height:82px;display:flex;justify-content:space-between;align-items:center;padding:14px max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid #2d2b24;background:rgba(9,10,9,.97);box-shadow:0 8px 30px rgba(0,0,0,.12);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:#ead49f;text-decoration:none;font:600 17px Georgia,serif;letter-spacing:.13em}.brand:before{content:"R";width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-light);font:500 28px Georgia,serif;letter-spacing:0}.brand span{color:#ead49f}.top nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.top nav a{color:#f4efe5;text-decoration:none;font-size:13px;padding:10px 14px;border:1px solid transparent;transition:.2s}.top nav a:hover,.top nav a:focus-visible{color:var(--gold-light);border-color:#65502d;outline:0}.wrap{width:min(1160px,92%);margin:auto;padding:58px 0 95px}.hero{padding:26px 0 44px;max-width:820px}.hero h1{font-size:clamp(40px,6vw,70px);margin:9px 0 18px;color:var(--ink)}.hero p{color:var(--muted);max-width:710px;font-size:17px}.eyebrow{color:#8b642c;font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:30px;box-shadow:0 18px 55px rgba(48,37,20,.07)}.card h1,.card h2,.card h3{color:var(--ink)}.course{min-height:395px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.course:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--gold-light),var(--gold))}.course:hover{transform:translateY(-5px);border-color:#bea064;box-shadow:0 25px 65px rgba(48,37,20,.12)}.course h2{min-height:64px;font-size:31px;margin:24px 0 8px}.course p{margin:7px 0}.course .btn{margin-top:auto;align-self:flex-start}.muted{color:var(--muted)}.price,.amount{font:500 34px Georgia,serif;color:#8c642c;margin:20px 0}.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:2px;padding:11px 18px;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;margin:7px 5px 7px 0;transition:transform .18s,background .18s,border-color .18s}.btn:hover,.btn2:hover{transform:translateY(-2px)}.btn{background:#b58a42;color:#17130d;border-color:#b58a42}.btn:hover{background:#c49a50}.btn2{background:transparent;color:var(--ink);border-color:#a99a80}.btn2:hover{border-color:var(--gold);color:#765323}.narrow{max-width:700px;margin:0 auto 24px}label{display:block;font-weight:750;margin:18px 0 7px;color:#302c25}input,select,textarea{width:100%;padding:13px 14px;border-radius:2px;border:1px solid #cfc3af;background:#fff;color:#171713;font:inherit;font-size:16px;outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#a77c39;box-shadow:0 0 0 3px rgba(181,138,66,.14)}.error,.ok{padding:13px 15px;border-radius:2px;margin:16px 0}.error{background:#f8e9e7;color:#782c2c;border:1px solid #dfb7b1}.ok{background:#e8f3eb;color:#245234;border:1px solid #b9d7c1}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.stats>div{background:#f8f4ec;border:1px solid var(--line);border-radius:2px;padding:17px}.stats span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.stats strong{font:500 23px Georgia,serif;color:var(--ink)}.adminstats{grid-template-columns:repeat(4,minmax(0,1fr))}.result hr{border:0;border-top:1px solid var(--line);margin:22px 0}.qr-section{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}#qr{display:inline-block;background:#fff;padding:24px;border:1px solid var(--line);border-radius:2px;line-height:0;margin:10px 0}#qr img,#qr canvas{max-width:100%;height:auto!important}.tablewrap{overflow:auto;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e8e0d3;vertical-align:top}th{color:#735329;background:#f5f0e7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}tr:last-child td{border-bottom:0}footer{text-align:center;color:#777166;padding:38px 20px;background:#0b0c0b;border-top:1px solid #2a2822;font-size:12px;letter-spacing:.04em}
body.admin-page{background:#f4f1ea!important;color:#1a1d24!important}body.admin-page .top{background:rgba(9,10,9,.98)!important;border-bottom-color:#2d2b24!important}body.admin-page .brand{color:#ead49f!important}body.admin-page .top nav a{color:#f4efe5!important}body.admin-page .wrap{max-width:1240px}body.admin-page .card,body.admin-page .stats>div{background:#fff!important;border-color:#ddd4c5!important;box-shadow:0 8px 25px rgba(27,22,14,.05)}body.admin-page .card h1,body.admin-page .card h2,body.admin-page .card h3,body.admin-page .stats strong{color:#1b1d21!important}body.admin-page .hero p,body.admin-page .muted,body.admin-page .summary-line,body.admin-page .stats span{color:#667085!important}body.admin-page input,body.admin-page select,body.admin-page textarea{background:#fff!important;color:#172033!important;border-color:#c9c0b2!important}body.admin-page th,body.admin-page td{border-color:#e6dfd4!important}body.admin-page th{color:#725225!important;background:#f7f3ec!important}body.admin-page .btn2,body.admin-page .mini-view{background:#f2eee6!important;color:#27231d!important}body.admin-page .demo{background:#d8b66c!important;color:#1a150d!important;border-bottom:0!important}
@media(max-width:760px){.demo{position:relative}.top{top:0;align-items:flex-start;gap:12px;flex-direction:column;padding:13px 4%;position:sticky}.top nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-top:10px;border-top:1px solid #302e27;scrollbar-width:thin}.top nav a{flex:0 0 auto}.wrap{width:92%;padding:38px 0 70px}.hero{padding-bottom:30px}.adminstats{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr 1fr}.course{min-height:350px}.course h2{min-height:auto;font-size:29px}.card{padding:24px}}
@media(max-width:480px){.brand{font-size:14px}.brand:before{width:40px;height:40px;font-size:24px}.grid,.stats,.adminstats{grid-template-columns:1fr}.btn,.btn2{width:100%;margin-right:0}.hero h1{font-size:39px}.price,.amount{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course,.btn,.btn2{transition:none}}

/* Logo rasmi Raja Bekam 2026 */
.brand{gap:14px;font-size:15px}
.brand:before{display:none}
.brand img{width:58px;height:58px;display:block;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(223,192,128,.45),0 7px 22px rgba(0,0,0,.35)}
.brandText{color:#ead49f}
@media(max-width:480px){.brand{font-size:12px;gap:10px}.brand img{width:46px;height:46px}}