*{margin:0;padding:0;box-sizing:border-box}body{font-family:Merriweather,serif;line-height:1.6;color:#333;background-color:#f9f9f9;max-width:100%;overflow-x:hidden}#app{max-width:1024px;margin:0 auto;padding:0 20px}header{padding:1rem 0;display:flex;justify-content:space-between;align-items:center}.left-header{display:flex;flex-direction:column}.right-header{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:200px}.brand{font-weight:700;letter-spacing:1px}.subtitle{font-size:.8rem;opacity:.7}.hero{display:flex;flex-direction:column;padding:3rem 0;gap:3rem}@media (min-width: 768px){.hero{flex-direction:row;align-items:center}}.book-cover{flex:1;text-align:center}.book-cover img{max-width:100%;height:auto;box-shadow:0 10px 30px #00000026}.book-info{flex:1}.book-info h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.book-info h2{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;opacity:.8}.divider{width:100px;height:1px;background-color:#d4d4d4;margin:1.5rem 0}.book-info p{font-size:1.1rem;opacity:.9}.payment{padding:4rem 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9}.payment-container{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.payment h2{font-size:2rem;margin-bottom:1rem;font-weight:400}.payment p{max-width:600px;margin:0 auto 2rem;opacity:.8;line-height:1.6}.payment-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 14px #0000001a;padding:2.5rem;margin:0 auto;max-width:500px}#payment-form{width:100%}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-size:1rem;margin-bottom:.5rem;font-weight:400;color:#333}.form-help{margin-top:.5rem;font-size:.85rem;color:#666}.form-suggestion{margin-top:.25rem;font-size:.85rem;color:#666;text-align:center;margin-bottom:.25rem}.why-more{text-align:center;font-size:.75rem;margin-top:0;font-style:italic}#why-pay-more{color:#666;cursor:pointer;transition:all .2s ease}#why-pay-more:hover{color:#333;text-decoration:underline}.form-group{position:relative}.tooltip{display:none;position:absolute;z-index:100;background-color:#fff;border-radius:6px;box-shadow:0 5px 15px #00000026;width:90%;max-width:300px;left:50%;transform:translate(-50%);margin-top:5px;padding:0;overflow:hidden;opacity:0;transition:opacity .3s ease}.tooltip.active{display:block;opacity:1}.tooltip-content{padding:1rem;position:relative}.tooltip-close{position:absolute;top:.25rem;right:.5rem;cursor:pointer;font-size:1.25rem;line-height:1;color:#999}.tooltip-close:hover{color:#333}.tooltip h4{margin-top:0;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:#333}.tooltip p{margin:0;font-size:.8rem;line-height:1.4;color:#666}.lightbulb{margin-right:.25rem}input[type=number]{font-size:1.1rem;padding:.75rem;width:100%;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9}input[type=email]{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9}#card-element{padding:.75rem;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9}#card-errors{color:#dc3545;text-align:left;margin-top:.5rem;font-size:.85rem;min-height:20px}.secure-badge{display:flex;align-items:center;justify-content:center;margin-top:1.5rem;color:#666;font-size:.85rem}.secure-badge svg{margin-right:.5rem}button{background-color:#000;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;border-radius:4px;transition:background-color .3s ease;width:100%}button:hover{background-color:#333}button:disabled{background-color:#999;cursor:not-allowed}.quote{padding:5rem 0;text-align:center}blockquote{font-size:1.5rem;font-style:italic;max-width:700px;margin:0 auto;opacity:.8}#success{padding:4rem 0;text-align:center}#success h2{font-size:2rem;margin-bottom:1rem}#success p{margin-bottom:2rem}.download-button{display:inline-block;background-color:#000;color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:4px;font-weight:700;transition:background-color .3s ease}.download-button:hover{background-color:#333}footer{padding:2rem 0;display:flex;justify-content:space-between;font-size:.9rem;opacity:.7}footer a{color:#333;text-decoration:none}footer a:hover{text-decoration:underline}#login-status{font-size:14px;color:#666}.auth-button{padding:6px 12px;width:auto;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.auth-button:hover{background-color:#555}#logout-button{display:none;background-color:#d32f2f}#logout-button:hover{background-color:#b71c1c}.test-auth-btn{width:auto!important;padding:8px 16px;background-color:#4a6bdf;font-size:14px;font-weight:400}.hidden{display:none}