*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",sans-serif;line-height:1.6;color:#2c2c25;background:radial-gradient(circle at 20% 80%,rgba(248,245,235,.4) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(212,196,160,.3) 0%,transparent 60%),radial-gradient(circle at 40% 40%,rgba(171,181,160,.2) 0%,transparent 60%),linear-gradient(135deg,#f8f5eb,#f0ede3,#e8e0d5,#d4c4a0,#abb5a0);background-attachment:fixed;min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.coming-soon-section{text-align:center;margin-bottom:4rem}.beta-banner{display:inline-block;background:linear-gradient(135deg,#faf8f0fa,#f5f0e6f2 30%,#ebe1c8fa 70%,#f0ebdcf2);color:#2c2c25;padding:1.5rem 3rem;border-radius:15px;font-family:"Source Sans 3",sans-serif;text-align:center;border:1px solid rgba(200,180,150,.4);border-left:6px solid #c0392b;max-width:600px;width:90%;transition:all .3s ease;box-shadow:0 4px 20px #c8b49633;position:relative;backdrop-filter:blur(2px)}.beta-banner:before{content:"NOTICE";position:absolute;top:-8px;left:20px;background:#c0392b;color:#fff;padding:.2rem .8rem;font-size:.7rem;font-weight:700;border-radius:3px;letter-spacing:1px}.beta-banner:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c8b4964d;border-left-width:8px}.beta-banner .main-text{display:block;font-weight:600;font-size:1.2rem;margin-bottom:.4rem;color:#c0392b}.beta-banner .sub-text{display:block;font-size:.9rem;opacity:.85;font-weight:400;line-height:1.4;color:#2c2c25}.book-showcase{display:flex;justify-content:center;margin-bottom:4rem}.book-card{background:linear-gradient(135deg,#d4c4a026,#abb5a01f 30%,#fef7e5f2 70%,#ffffffe6);border-radius:20px;padding:60px 50px;box-shadow:0 15px 40px #abb5a026;transition:transform .3s ease,box-shadow .3s ease;max-width:var(--card-max);width:100%;margin-inline:auto;gap:clamp(1.5rem,4vw,2.5rem);display:flex;align-items:stretch;min-height:400px;backdrop-filter:blur(3px);border:1px solid rgba(212,196,160,.2);position:relative;overflow:hidden}.book-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #abb5a040}.book-cover-section{flex:0 0 auto;width:320px;display:flex;align-items:center;justify-content:center}.book-cover{border-radius:12px;overflow:hidden;background:#fff;padding:.5rem;box-shadow:0 4px 16px #00000026;transition:transform .3s ease;width:100%;height:auto}.book-cover:hover{transform:scale(1.02)}.book-image{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px;display:block}.book-content-section{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.story-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:400;color:#cc4125;margin-bottom:1rem;line-height:1.3;font-style:italic;text-align:center}.story-title .line-break{display:block;margin-top:.3rem}.story-title .line1,.story-title .line2,.story-title .line3{display:block!important;line-height:.9!important}.story-title .line3{font-size:1.1em!important;font-weight:700!important}.story-subtitle{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:400;color:#8b4513;margin-bottom:1.5rem;line-height:1.4;font-style:italic;text-align:center}.book-description p{font-size:1.1rem;line-height:1.7;color:#2c2c25;margin-bottom:1.2rem;text-align:left}.podcast-highlight{background:linear-gradient(135deg,#fef7e5e6,#d4c4a0cc,#fef7e5f2);border-left:5px solid #CC4125;padding:25px 30px;margin:30px 0;border-radius:0 15px 15px 0;font-style:italic;color:#2c2c25;font-size:1rem;text-align:left;box-shadow:0 8px 25px #abb5a033}.book-actions{display:flex;gap:1rem;justify-content:center;margin-top:auto;flex-wrap:nowrap}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;border:none;font-family:inherit;white-space:nowrap;min-height:48px;line-height:1.2}.primary-button{background:linear-gradient(135deg,#cc4125,#b8392b);color:#fff;flex:2;min-width:200px;max-width:250px;font-size:.95rem;padding:.75rem 1rem;box-shadow:0 4px 15px #cc41254d}.primary-button:hover{background:linear-gradient(135deg,#b8392b,#cc4125);transform:translateY(-2px);box-shadow:0 8px 25px #cc412566}.secondary-button{background:linear-gradient(135deg,#abb5a0e6,#d4c4a0e6);color:#2c2c25;border:2px solid rgba(171,181,160,.5);flex:1;min-width:120px;max-width:150px;font-size:.85rem;padding:.75rem}.secondary-button:hover{background:linear-gradient(135deg,#d4c4a0e6,#abb5a0e6);border-color:#d4c4a0b3;transform:translateY(-1px)}.separator{text-align:center;margin:2rem auto;max-width:400px}.red-underline{width:100%;height:auto;opacity:.9}.email-signup{background:#f8f5ebe6;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 24px #0000001a;margin-bottom:3rem;border:2px solid #ABB5A0}.signup-title{font-family:Playfair Display,serif;font-size:2rem;color:#cc4125;margin-bottom:1rem}.signup-description{font-size:1.1rem;color:#2c2c25;margin-bottom:2rem}.signup-form{display:flex;gap:1rem;max-width:400px;margin:0 auto}.email-input{flex:1;padding:.875rem 1rem;border:2px solid #ABB5A0;border-radius:8px;font-size:1rem;background:#fff}.signup-button{background:linear-gradient(135deg,#cc4125,#b8392b);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.signup-button:hover{background:linear-gradient(135deg,#b8392b,#cc4125);transform:translateY(-1px)}.button-icon{font-size:1.1em}.jukanji-invite{text-align:center;margin-bottom:1.5rem}.jukanji-logo{width:80px;height:80px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 8px rgba(204,65,37,.2))}@media screen and (max-width: 768px){.book-card,.book-card.layout-flipped{flex-direction:column!important;padding:40px 30px!important;gap:2rem!important;align-items:stretch!important}.book-cover-section{width:100%!important;max-width:250px!important;margin:0 auto!important;flex:none!important}.book-content-section{width:100%!important;flex:none!important;padding:1rem 0!important}.book-actions{flex-direction:column;align-items:center;gap:.75rem}.primary-button,.secondary-button{width:100%;max-width:280px;min-width:auto}.signup-form{flex-direction:column}}@media screen and (max-width: 480px){.book-card,.book-card.layout-flipped{flex-direction:column!important;padding:20px 15px!important;gap:1.5rem!important}.story-title{font-size:1.4rem!important}.book-description p{font-size:1rem!important}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#f8f5eb,#f0ede3);margin:10% auto;padding:2rem;border-radius:20px;width:90%;max-width:500px;text-align:center;box-shadow:0 20px 60px #0000004d;position:relative}.close{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;right:20px;top:15px;cursor:pointer}.close:hover{color:#cc4125}.modal-content h2{font-family:Playfair Display,serif;font-size:2rem;color:#2c2c25;margin-bottom:2rem}.modal-options{display:flex;flex-direction:column;gap:1rem}.modal-button{display:block;padding:1.5rem 2rem;border-radius:15px;text-decoration:none;font-weight:600;font-size:1.1rem;text-align:center}.primary-modal-button{background:linear-gradient(135deg,#cc4125,#b8392b);color:#fff}.secondary-modal-button{background:#f8f9fa;color:#2c2c25;border:2px solid #e9ecef}.clickable-cover{cursor:pointer}.clickable-cover:hover{transform:scale(1.02)}.book-card{display:flex!important;align-items:center;gap:2.5rem}.book-card.layout-flipped{flex-direction:row-reverse!important}