:root{--lav:#8b4fc2;--deep:#4b1b75;--ink:#3d2058;--muted:#735d86;--pale:#f5efff;--line:rgba(108,62,156,.18);--white:rgba(255,255,255,.84);--shadow:0 24px 70px rgba(79,36,117,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Baloo 2",system-ui,sans-serif;background:linear-gradient(180deg,#d7c2f5 0%,#f2e9ff 26%,#eee0ff 54%,#faf6ff 78%,#c7a6e7 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 80% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 45% 70%,#fff 0 1px,transparent 2px);background-size:130px 160px,190px 210px,240px 250px;z-index:0}.aurora{position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.75),transparent 35%),radial-gradient(ellipse at 20% 55%,rgba(177,122,235,.25),transparent 30%),radial-gradient(ellipse at 80% 75%,rgba(247,187,240,.25),transparent 30%);filter:blur(25px);z-index:-1}.sparkle-field:before,.sparkle-field:after{content:"✦   ✧       ˚✦     ✧   ✦       ˚     ✧      ✦   ˚✦";position:fixed;inset:0;color:rgba(255,255,255,.82);font-family:serif;font-size:22px;letter-spacing:18px;line-height:105px;word-spacing:35px;pointer-events:none;z-index:10;animation:twinkle 4s ease-in-out infinite}.sparkle-field:after{font-size:12px;opacity:.8;transform:rotate(3deg);animation-delay:1.6s}@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1;text-shadow:0 0 12px #fff,0 0 24px #d6a9ff}}
.topbar{position:sticky;top:0;z-index:50;height:82px;padding:10px clamp(22px,6vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(250,246,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(91,48,132,.12);box-shadow:0 8px 30px rgba(76,36,112,.08)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--deep)}.brand-mark{font-size:32px;color:#b26ce0;text-shadow:0 0 14px #fff}.brand strong{display:block;font:600 29px/25px "Cormorant Garamond",serif}.brand strong span{font-style:italic}.brand small{display:block;letter-spacing:3px;font-size:10px;color:#76558e;margin-top:4px}.topbar nav{display:flex;gap:28px}.topbar nav a{color:var(--deep);text-decoration:none;font-weight:600;font-size:16px}.topbar nav a:hover{color:#b25fe0}.menu{display:none;border:0;background:none;font-size:26px;color:var(--deep)}
.section-shell{width:min(1180px,92%);margin:auto}.hero{min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding:65px 25px 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:20px 0;background:radial-gradient(circle at 52% 45%,rgba(255,255,255,.9),rgba(255,255,255,.35) 26%,transparent 57%);pointer-events:none}.hero-copy{position:relative;z-index:2;text-align:center}.eyebrow-pill{display:inline-block;padding:9px 21px;border:1px solid rgba(108,56,153,.2);border-radius:999px;background:rgba(255,255,255,.52);box-shadow:0 8px 25px rgba(89,43,130,.1);font-size:13px;letter-spacing:1.7px;color:#7d49a7}.created{font-size:17px;color:#735582;margin:18px 0 5px}.created span{color:#c179e7}.hero h1{margin:0;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(65px,8vw,100px);line-height:.82;letter-spacing:-2px;text-shadow:0 5px 30px rgba(119,64,161,.16)}.hero h1 em{font-style:italic;color:#7d3bb0}.hero h1 strong{font-weight:600;color:#512080}.hero-sub{font:500 22px/1.25 "Cormorant Garamond",serif;color:#593873;margin:24px 0}.hero-author{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;color:#60288d;font:600 23px "Cormorant Garamond",serif;padding:9px 24px;border-radius:50px;background:rgba(255,255,255,.5);border:1px solid rgba(105,56,147,.16)}.hero-author small{grid-column:1/-1;font:500 13px "Baloo 2";color:#775e88}.actions{display:flex;justify-content:center;gap:14px;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;border-radius:999px;text-decoration:none;font-weight:700;letter-spacing:.3px;transition:.25s;min-width:165px}.btn.primary{color:white;background:linear-gradient(135deg,#9a55d1,#6522a1);box-shadow:0 12px 28px rgba(100,39,158,.28)}.btn.ghost{color:#682f95;background:rgba(255,255,255,.65);border:1px solid #a16cc9}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(100,39,158,.24)}.btn.small{min-width:140px;padding:9px 19px}.birthday-mini{font-size:13px;color:#78617f}.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:440px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(210,168,246,.28) 45%,transparent 70%);filter:blur(6px)}.moon-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 35px rgba(255,255,255,.4)}.moon{position:absolute;top:48px;right:70px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#ead3ff);color:#a864d0;font-size:30px;box-shadow:0 0 40px #fff,0 0 70px rgba(191,117,235,.7)}.fairy-silhouette{font-size:145px;filter:drop-shadow(0 15px 30px rgba(92,39,128,.22));transform:translate(-70px,10px)}.book-float{position:absolute;right:10px;bottom:30px;perspective:900px}.book-cover{width:190px;height:260px;padding:22px 15px;border-radius:7px 17px 17px 7px;background:linear-gradient(145deg,#b878e4,#6b2e9e);color:white;box-shadow:14px 20px 35px rgba(69,27,99,.35),inset 7px 0 0 rgba(255,255,255,.16);transform:rotate(7deg);text-align:center;display:flex;flex-direction:column;align-items:center}.book-cover:after{content:"";position:absolute;width:18px;height:240px;left:-13px;top:10px;border-radius:8px;background:linear-gradient(90deg,#6a2f96,#c78be8);transform:skewY(-2deg)}.book-cover .tiny-stars{font-size:12px;letter-spacing:5px}.book-cover small{margin-top:30px;font-size:10px;letter-spacing:3px}.book-cover b{font:600 31px/.82 "Cormorant Garamond",serif;margin-top:7px}.book-cover i{font-style:normal;font-size:35px;margin:17px}.book-cover span:last-child{font:13px/1.1 "Cormorant Garamond",serif}.book-cover strong{font-size:16px}.hero-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:#fff;filter:blur(55px);opacity:.55}.glow-one{top:80px;right:32%}.glow-two{bottom:40px;left:30%}
.feature-ribbon{position:relative;z-index:2;width:min(1120px,92%);margin:-2px auto 50px;padding:27px 20px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.6);border:1px solid rgba(111,57,151,.13);border-radius:70px;box-shadow:var(--shadow);backdrop-filter:blur(15px)}.feature-ribbon>div{text-align:center;border-right:1px solid var(--line);padding:2px 18px}.feature-ribbon>div:last-child{border:0}.feature-ribbon span{display:grid;place-items:center;margin:auto auto 8px;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#d9b9f4,#9455c8);color:white;font-size:24px;box-shadow:0 7px 20px rgba(112,54,160,.22)}.feature-ribbon b,.feature-ribbon small{display:block}.feature-ribbon b{font:600 18px "Cormorant Garamond",serif;color:#5b2788}.feature-ribbon small{color:#806a8c;font-size:12px;margin-top:2px}
.story-section{padding:55px 0 80px}.section-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:38px}.section-title h2{font:600 46px "Cormorant Garamond",serif;color:#5b2589;margin:0;font-style:italic}.section-title span{color:#a764d1}.story-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:42px;align-items:center}.story-text{padding:20px}.story-text p{font-size:17px;line-height:1.65;color:#66516f}.story-text .lead{font:500 21px/1.5 "Cormorant Garamond",serif;color:#4e3262}.handwritten{font:italic;font:italic 27px/1.05 "Cormorant Garamond",serif;color:#9654c1;text-align:center;margin-top:26px}.handwritten span{font-size:18px}.photo-frame{position:relative;padding:13px;background:rgba(255,255,255,.82);border:1px solid #d8b8ec;border-radius:24px;box-shadow:0 24px 55px rgba(77,37,108,.2);transform:rotate(-2deg)}.photo-frame:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(177,112,215,.3);border-radius:28px;z-index:-1}.photo-frame img{display:block;width:100%;aspect-ratio:1/1.16;object-fit:cover;border-radius:16px}.photo-crown{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:35px;color:#c48a2d;text-shadow:0 0 8px #fff}.photo-caption{text-align:center;font:italic 25px "Cormorant Garamond",serif;color:#6d3296;padding:8px}.author-mini{padding:20px 8px}.author-mini .eyebrow{letter-spacing:2px;color:#9b5cc5;font-size:12px}.author-mini h3{font:italic 46px "Cormorant Garamond",serif;color:#662a91;margin:7px 0 15px}.author-mini h3 span{font-size:18px;color:#d06bb8}.author-mini p{color:#705c79;font-size:16px;line-height:1.4}.author-mini blockquote{font:italic 22px/1.25 "Cormorant Garamond",serif;color:#713a95;margin:28px 0 0;padding-left:18px;border-left:2px solid #c48de1}
.values-section{padding:60px 7%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(225,199,249,.65));border-top:1px solid rgba(102,53,140,.08);border-bottom:1px solid rgba(102,53,140,.08)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);width:min(1100px,100%);margin:auto}.value-grid>div{text-align:center;padding:18px 25px;border-right:1px solid var(--line)}.value-grid>div:last-child{border:0}.value-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:#f4eaff;color:#7841aa;font-size:22px;box-shadow:0 5px 20px rgba(106,53,150,.12)}.value-grid h3{font:600 19px "Cormorant Garamond",serif;color:#5b2b84;margin:0}.value-grid p{margin:3px 0;color:#816b89;font-size:13px}
.read-section{padding:75px 0}.chapter-card{display:grid;grid-template-columns:180px 1fr;gap:30px;width:min(760px,100%);margin:0 auto 50px;padding:22px;background:rgba(255,255,255,.7);border:1px solid rgba(111,57,151,.13);border-radius:28px;box-shadow:var(--shadow);align-items:center}.chapter-art{height:230px;border-radius:18px;background:radial-gradient(circle at 50% 30%,#f8e9ff,#b47ae1 48%,#572280 100%);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 40px rgba(255,255,255,.25)}.chapter-art>div{font-size:48px;text-shadow:0 0 25px #fff}.chapter-art span{font:13px/1.05 "Cormorant Garamond",serif;letter-spacing:2px}.chapter-art b{font-size:24px}.chapter-copy h2{font:italic 42px "Cormorant Garamond",serif;color:#5a2585;margin:2px 0}.chapter-copy h3{margin:0;color:#6c3d89}.chapter-copy p{color:#76627f;line-height:1.5}.reader-card{background:rgba(255,255,255,.78);padding:25px;border:1px solid rgba(107,53,145,.14);border-radius:30px;box-shadow:var(--shadow)}.reader-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.reader-head h2{margin:0;font:italic 37px "Cormorant Garamond",serif;color:#54217e}.eyebrow{font-size:12px;letter-spacing:2px;color:#9a5bc3;font-weight:700;margin:0}.small-link{color:#6d3697;text-decoration:none;font-weight:700}.reader-card iframe{width:100%;height:600px;border:1px solid #e4d4ef;border-radius:18px;background:#fff}.reader-tip{text-align:center;color:#87718d;font-size:12px}
.author-section{padding:30px 0 80px}.author-card{display:grid;grid-template-columns:310px 1fr;gap:55px;align-items:center;padding:42px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(239,221,255,.72));border:1px solid rgba(111,57,151,.14);border-radius:38px;box-shadow:var(--shadow)}.author-card-photo{padding:10px;background:white;border-radius:25px;box-shadow:0 15px 35px rgba(77,37,108,.18);transform:rotate(2deg)}.author-card-photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.author-card-copy h2{font:italic 60px "Cormorant Garamond",serif;color:#5d2586;margin:5px 0 12px}.author-card-copy h2 span{font-size:24px;color:#c26de0}.author-card-copy p{color:#6d5977;font-size:17px;line-height:1.5;max-width:650px}.author-card-copy .lead{font:500 25px/1.25 "Cormorant Garamond",serif;color:#4f3262}.author-badge{display:flex;align-items:center;gap:12px;margin-top:22px}.author-badge>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#a868d6,#64269a);color:#fff;font:600 28px "Cormorant Garamond",serif;box-shadow:0 8px 20px rgba(95,38,139,.25)}.author-badge b,.author-badge small{display:block}.author-badge b{color:#5e2b84}.author-badge small{color:#8a7392}
.birthday-section{padding:20px 0 95px}.birthday-card{position:relative;overflow:hidden;text-align:center;padding:65px 30px;border-radius:45px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.95),rgba(241,218,255,.8) 42%,rgba(185,137,224,.78));border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.birthday-card:before,.birthday-card:after{content:"✦";position:absolute;font-size:70px;color:#fff;text-shadow:0 0 22px #fff,0 0 40px #ad66df}.birthday-card:before{left:8%;top:30%}.birthday-card:after{right:8%;bottom:25%}.birthday-sparkles{color:#fff;font-size:22px;text-shadow:0 0 15px #fff;margin-bottom:18px}.birthday-card h2{font:600 61px/.9 "Cormorant Garamond",serif;color:#55217d;margin:10px 0}.birthday-card h2 em{font-style:italic;color:#9149bd}.birthday-card>p{color:#694d78;font-size:17px}.divider{color:#a260c7;margin:20px}.birthday-message{font:italic 25px/1.25 "Cormorant Garamond",serif!important}.love{font:18px "Cormorant Garamond",serif!important;margin-top:25px}.love b{color:#612b88}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:45px 7%;background:linear-gradient(135deg,#4b1a70,#7a3da4,#4e206e);color:#fff;min-height:170px}.footer-quote{font:italic 20px/1.05 "Cormorant Garamond",serif;opacity:.9}.footer-center{text-align:center}.footer-center strong{display:block;font:italic 28px "Cormorant Garamond",serif}.footer-center span{display:block;margin-top:10px;font-size:13px;letter-spacing:2px;opacity:.8}.footer-icons{text-align:right;font-size:22px;opacity:.9}
@media(max-width:900px){.topbar nav{gap:14px}.story-grid{grid-template-columns:1fr 1fr}.author-mini{grid-column:1/-1;text-align:center}.author-mini blockquote{border:0;padding:0}.hero{grid-template-columns:1fr}.hero-art{height:350px;order:-1}.hero-copy{margin-top:-30px}.book-float{right:18%;}.feature-ribbon{grid-template-columns:repeat(2,1fr);border-radius:35px;gap:15px}.feature-ribbon>div:nth-child(2){border-right:0}.feature-ribbon>div:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:15px}.value-grid{grid-template-columns:repeat(2,1fr)}.value-grid>div:nth-child(2){border-right:0}.value-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.topbar{height:70px}.brand strong{font-size:23px}.brand small{font-size:8px;letter-spacing:2px}.menu{display:block}.topbar nav{position:absolute;top:70px;left:0;right:0;padding:15px 22px;display:none;flex-direction:column;background:rgba(250,246,255,.96);backdrop-filter:blur(18px);box-shadow:0 15px 25px rgba(70,30,100,.12)}body.nav-open .topbar nav{display:flex}.hero{padding-top:35px}.hero h1{font-size:66px}.hero-sub{font-size:19px}.desktop{display:none}.hero-art{height:310px}.moon-orbit{width:260px;height:260px}.fairy-silhouette{font-size:110px;transform:translate(-35px,15px)}.book-float{right:3%;bottom:5px}.book-cover{width:145px;height:200px}.book-cover small{margin-top:15px}.book-cover b{font-size:25px}.feature-ribbon{width:94%;grid-template-columns:1fr 1fr;padding:18px 10px}.feature-ribbon>div{padding:5px 7px}.feature-ribbon b{font-size:16px}.story-section,.read-section,.author-section{padding-top:50px}.section-title h2{font-size:39px}.story-grid{grid-template-columns:1fr}.photo-frame{width:min(330px,80%);margin:auto}.author-mini{grid-column:auto;text-align:center}.value-grid{grid-template-columns:1fr 1fr}.chapter-card{grid-template-columns:1fr}.chapter-art{width:170px;margin:auto}.reader-head{align-items:flex-start;gap:10px}.reader-head h2{font-size:30px}.reader-card iframe{height:500px}.author-card{grid-template-columns:1fr;padding:25px;gap:30px}.author-card-photo{width:min(300px,90%);margin:auto}.author-card-copy{text-align:center}.author-card-copy h2{font-size:52px}.author-badge{justify-content:center}.birthday-card{padding:55px 18px}.birthday-card h2{font-size:49px}.birthday-card:before{left:-2%;font-size:48px}.birthday-card:after{right:-2%;font-size:48px}footer{grid-template-columns:1fr;text-align:center;gap:22px}.footer-icons{text-align:center}.footer-quote{font-size:18px}}
