:root{--ink:#0d2847;--deep:#071f3b;--green:#08765d;--mint:#e8f5ef;--cream:#fffaf0;--gold:#f2b705;--yellow:#ffd447;--navy:#071f3b;--soft:#edf7f2}
body{background:linear-gradient(180deg,#fffdf7 0%,#f8fbf8 46%,#fffaf0 100%);color:#142f47}
.topbar{background:linear-gradient(90deg,#061b34,#073a44,#07664f);color:#fff3bd}.topbar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffd44720,transparent);animation:barShine 6s linear infinite}
.header{border-bottom-color:#f2c94c55;box-shadow:0 8px 30px #071f3b0c}.header nav a:after{content:"";display:block;height:2px;width:0;margin-top:7px;background:linear-gradient(90deg,var(--yellow),var(--green));transition:width .3s ease}.header nav a:hover{color:var(--green);transform:translateY(-1px)}.header nav a:hover:after{width:100%}.brand-icon{background:linear-gradient(145deg,#08765d,#054a3b);border-color:var(--yellow);box-shadow:inset 0 0 0 3px #08765d,inset 0 0 0 4px #ffd447,0 7px 18px #08765d2d;transition:.35s}.brand:hover .brand-icon{transform:rotate(-7deg) scale(1.06);box-shadow:inset 0 0 0 3px #08765d,inset 0 0 0 4px #ffd447,0 10px 24px #f2b70542}
.hero{position:relative}.hero:before{content:"";position:absolute;width:320px;height:320px;left:-210px;top:60px;border-radius:50%;background:#ffd44718;filter:blur(12px);animation:floatGlow 7s ease-in-out infinite}.hero-copy{position:relative;animation:slideIn .7s ease both}.hero h1{color:var(--navy)}.hero h1 em{background:linear-gradient(110deg,#f0a900,#ffd447,#0a8a6d);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:textShine 5s linear infinite}.hero-art{background:radial-gradient(circle at 50% 35%,#fff8cc 0,#e8f6ed 48%,#d9e9e6 100%);box-shadow:0 25px 70px #071f3b22,inset 0 0 0 1px #ffd44755;animation:artEnter .9s cubic-bezier(.2,.8,.2,1) both}.hero-art:after{content:"";position:absolute;width:90px;height:90px;right:28px;top:28px;border-radius:50%;background:#ffd44745;filter:blur(15px);animation:pulseGlow 3.5s ease-in-out infinite}.book{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s}.hero-art:hover .b1{transform:rotate(-11deg) translate(4px,-12px)}.hero-art:hover .b2{transform:translateY(-15px)}.hero-art:hover .b3{transform:rotate(10deg) translate(-4px,-11px)}.rating-note{border-left:3px solid var(--yellow);animation:noteFloat 4s ease-in-out infinite}
.primary{background:linear-gradient(135deg,#08765d,#075d79);border:0!important;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s!important}.primary:after{content:"";position:absolute;top:-50%;left:-80%;width:35%;height:200%;background:#ffffff55;transform:rotate(25deg);transition:left .55s ease}.primary:hover{background:linear-gradient(135deg,#086b56,#071f3b);color:white;transform:translateY(-3px);box-shadow:0 13px 30px #08765d35!important}.primary:hover:after{left:130%}.ghost:hover{border-color:var(--yellow);background:#fff9dc;transform:translateY(-3px)}
.perks{background:linear-gradient(90deg,#e9f5ef,#fff8d9,#e9f5ef)}.perks>div{transition:.3s}.perks>div:hover{background:#fff8d2;transform:translateY(-5px)}.perks i{color:#e7a900;transition:.3s}.perks>div:hover i{color:var(--green);transform:scale(1.18) rotate(-6deg)}
.categories a{border-color:#dce8df;background:linear-gradient(155deg,#fff,#fbfff9);position:relative;overflow:hidden}.categories a:after{content:"";position:absolute;inset:auto -30% -65% -30%;height:90%;border-radius:50%;background:#ffd44722;transition:.35s}.categories a:hover{border-color:#e8b800;transform:translateY(-8px);box-shadow:0 18px 38px #071f3b16}.categories a:hover:after{bottom:-45%}.categories i{background:linear-gradient(145deg,#fff3ae,#e1f4e9);color:var(--green);transition:.35s}.categories a:hover i{background:linear-gradient(145deg,#ffd447,#f5b80c);color:var(--navy);transform:rotate(-8deg) scale(1.1)}
.product-card{transition:transform .35s,box-shadow .35s}.product-card:hover{transform:translateY(-9px);box-shadow:0 22px 48px #071f3b1c}.product-image{background:linear-gradient(150deg,#eff8f2,#fff5cc);transition:.35s}.product-card:hover .product-image{background:linear-gradient(145deg,#fff3b8,#e1f2e9)}.cover,.book-photo{transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .3s}.product-card:hover .cover,.product-card:hover .book-photo{transform:translateY(-10px) rotate(-2deg);filter:drop-shadow(14px 18px 13px #071f3b35)}.quick{background:linear-gradient(90deg,var(--navy),var(--green));border-radius:9px}.badge{background:linear-gradient(90deg,#ffd447,#f5b60a);color:#3b2c00;box-shadow:0 4px 12px #f2b70530}
.page-title{background:linear-gradient(125deg,#e4f4ea 0%,#fff5c9 52%,#e6eef8 100%);position:relative;overflow:hidden}.page-title:after{content:"";position:absolute;width:180px;height:180px;right:8%;top:-90px;border:25px solid #08765d12;border-radius:50%;animation:slowSpin 15s linear infinite}.page-title h1{color:var(--navy);animation:slideIn .55s ease both}.shop aside a{transition:.2s}.shop aside a:hover,.shop aside a.active{color:var(--green);transform:translateX(5px)}
.wisdom{background:radial-gradient(circle at 50% 20%,#0c6657,#071f3b 68%);box-shadow:0 22px 55px #071f3b2b;border:1px solid #ffd44738}.wisdom>span,.wisdom>b{animation:pulseGlow 3s ease-in-out infinite}.summary,.form-card,.checkout-note,.track-card,.admin-card,.stats>div{transition:transform .3s,box-shadow .3s,border-color .3s}.summary:hover,.form-card:hover,.track-card:hover,.admin-card:hover,.stats>div:hover{transform:translateY(-3px);border-color:#e9bc34;box-shadow:0 15px 35px #071f3b12}.status{background:#dff5e9;color:#08634f}
.mobile-tabbar,.admin-mobile-tabs{border-color:#f1c53980;background:linear-gradient(180deg,#fff,#fffdf3);box-shadow:0 12px 38px #071f3b52}.mobile-tabbar a.active,.admin-mobile-tabs a.active{background:linear-gradient(145deg,#fff1a8,#dff3e7);color:var(--navy)}.mobile-tabbar a.active i,.admin-mobile-tabs a.active i{color:var(--green);animation:tabPop .35s ease}.admin-sidebar{background:linear-gradient(180deg,#061c35,#073a43 55%,#075a49)}.admin-sidebar nav a{transition:.25s}.admin-sidebar nav a:hover{background:linear-gradient(90deg,#ffd44726,#08765d55);transform:translateX(5px);border-left:2px solid var(--yellow)}.stats>div:nth-child(odd){border-top:3px solid var(--green)}.stats>div:nth-child(even){border-top:3px solid var(--yellow)}
@keyframes barShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes artEnter{from{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:none}}@keyframes textShine{to{background-position:200% center}}@keyframes floatGlow{50%{transform:translate(35px,25px) scale(1.1)}}@keyframes pulseGlow{50%{opacity:.55;transform:scale(1.12)}}@keyframes noteFloat{50%{transform:translateY(-8px)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes tabPop{50%{transform:scale(1.25)}}
@media(max-width:620px){.product-card:hover{transform:translateY(-4px)}.hero:before{display:none}.hero-art{animation-duration:.55s}.categories a:hover{transform:translateY(-4px)}.perks>div:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}