*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Arial;background:#f7f8fc;color:#192541}a{color:inherit;text-decoration:none}p{line-height:1.65;color:#63708a}.wrap{width:min(1140px,92%);margin:auto}.top{background:#fff;border-bottom:1px solid #e8eaf3;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px}.logo{font-size:24px;white-space:nowrap}.logo span{color:#7454ee}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;background:#7152e9;color:white!important;border:0;border-radius:12px;padding:14px 24px;cursor:pointer;font-size:15px;font-weight:750}.btn:hover{background:#5839c9}.btn.small{padding:10px 16px}.btn.alt{background:#eef0ff;color:#5540c5!important}.hero{background:linear-gradient(120deg,#101d45,#37246d);color:#fff;padding:80px 0;overflow:hidden}.hero .inner{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px}.hero h1{font-size:clamp(38px,6vw,67px);line-height:1.1;letter-spacing:-2px;margin:16px 0}.hero h1 span{color:#d3bbff}.hero p{color:#d3d8f3;max-width:540px}.pill{display:inline-block;background:#ffffff20;border:1px solid #ffffff50;padding:8px 13px;border-radius:99px;color:#fff;font-size:13px}.art{border:1px solid #ffffff30;background:linear-gradient(140deg,#c2afff,#7055cb);box-shadow:16px 20px 0 #ffffff12;border-radius:25px;min-height:295px;display:grid;place-content:center;transform:rotate(5deg);text-align:center;color:#180b4e}.art .big{font-size:90px}.art strong{font-size:30px}.section{padding:55px 0}.section h2{font-size:31px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:25px}.book,.panel{background:white;border:1px solid #e9eaf4;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px #15204408}.book .cover{height:230px;background:linear-gradient(145deg,#e3dcff,#ccd8ff);display:grid;place-content:center;text-align:center;font-size:55px;overflow:hidden}.book .cover img{width:100%;height:230px;object-fit:cover}.book .info{padding:23px}.book h3{margin:4px 0 8px;font-size:20px}.price{font-size:23px;font-weight:800;color:#2f275a}.muted{color:#7b8191;font-size:14px}.book .bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.panel{padding:28px;margin-top:28px}.field{display:block;width:100%;padding:13px 15px;border:1px solid #d5d9e9;border-radius:10px;margin:8px 0 16px;font:inherit;background:white}label{font-size:14px;font-weight:650}.form{max-width:500px;margin:55px auto 90px}.form h1{margin-top:0}.alert{background:#eae5ff;border-radius:10px;margin-top:15px;padding:14px}.detail{display:grid;grid-template-columns:300px 1fr;gap:45px;margin:58px auto}.detail-cover{background:linear-gradient(140deg,#cfc5ff,#e8eefe);min-height:380px;border-radius:19px;display:grid;place-items:center;font-size:100px;overflow:hidden}.detail-cover img{height:100%;width:100%;object-fit:cover}.detail h1{font-size:43px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px;border-bottom:1px solid #eef0f8;text-align:left}.table{display:block;overflow-x:auto}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.admin-nav a{padding:9px 13px;border:1px solid #dddaf3;border-radius:9px;background:#fff}textarea{min-height:110px}footer{background:#111b39;color:white;margin-top:60px;padding:35px 0}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.foot span{color:#d0d4e9}input[type=file]{max-width:100%}@media(max-width:780px){.hero .inner,.detail{grid-template-columns:1fr}.hero{padding:48px 0}.art{min-height:190px;max-width:300px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{align-items:flex-start;flex-direction:column;padding:15px 0}nav{gap:14px}.detail h1{font-size:32px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.section{padding:35px 0}.book .cover{height:200px}.book .cover img{height:200px}}

/* V3 premium design */
:root{color-scheme:light;scroll-behavior:smooth}body{background:radial-gradient(circle at 98% 0%,#e9e3ff 0,transparent 30%),#f7f8ff}a,button,.book{transition:transform .23s ease,box-shadow .23s ease,background-color .23s ease}button:hover,.btn:hover{transform:translateY(-2px)}.book:hover{transform:translateY(-5px);box-shadow:0 20px 50px #1b1b5730}.top{backdrop-filter:blur(18px);background:#fffffff2}.hero{background:radial-gradient(circle at 70% 30%,#5a33ad,#16204e 65%)}.announcement{padding:9px;text-align:center;background:#2e215c;color:#fff;font-weight:700}.readerbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.readerbar .btn{padding:10px 13px}.pdfcanvas{display:block;max-width:100%;height:auto;margin:20px auto;box-shadow:0 8px 42px #15142d30;background:white}.panel{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Pustiqo Pay custom branded checkout */
.paygrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:26px;align-items:start;margin:55px auto}.paybox{background:#fff;border:1px solid #e5e5f4;border-radius:22px;padding:30px;box-shadow:0 18px 60px #1f174012}.paybrand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.paybrand strong{font-size:21px;letter-spacing:1px;color:#182345}.paybrand strong span{color:#7152e9}.paybrand small{display:block;color:#7c839e;margin-top:4px}.payicon{background:linear-gradient(140deg,#4a36b6,#906df0);color:white;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:29px;font-weight:900}.paystripe{color:#7254d8;font-size:12px;font-weight:850;letter-spacing:2px}.paybox h1{font-size:34px;margin:10px 0}.paymethods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.paymethods div{border:1px solid #e2dff2;border-radius:12px;padding:16px;font-weight:650}.payaction{width:100%;font-size:17px}.paylink{width:100%;background:none;border:0;text-decoration:underline;color:#6546da;cursor:pointer;padding:17px 0;font:inherit}.paysecure{background:#eff9f4;border-radius:10px;padding:14px;font-size:13px;color:#277049;margin-top:22px}.paysummary h2{margin:0 0 25px}.payrow{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eee;padding:15px 0}.payrow b{text-align:right;max-width:60%}.paytotal{font-size:19px;color:#4a35be}.paysummary>a{color:#6245cb;font-weight:700}@media(max-width:760px){.paygrid{grid-template-columns:1fr;margin:22px auto}.paybox{padding:20px}.paybox h1{font-size:27px}}

/* V5 refinements */
.panel,.book-card{transition:transform .22s ease,box-shadow .22s ease}.panel:hover,.book-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,20,45,.10)}button,.btn{transition:transform .2s ease,filter .2s ease}button:hover,.btn:hover{filter:brightness(1.06)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}