*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;width:100%;font-family:sans-serif;color:#f5f5f5;overflow-x:hidden}body,p,a{font-family:Smythe,system-ui,sans-serif}h1,.title{font-family:Cinzel,serif}.root{width:100%;text-align:center}.app-container{width:100%;box-sizing:border-box;min-height:100vh}.content-wrapper{width:100%;display:flex;justify-content:center;box-sizing:border-box;padding:4rem 0;background:linear-gradient(180deg,#300046,#4b134f)}.content-wrapper2{width:100%;display:flex;justify-content:center;box-sizing:border-box;padding:4rem 0;background:linear-gradient(180deg,#4b134f,#300046)}.left-column,.About{width:100%;max-width:1280px;box-sizing:border-box;padding:0 5rem 0 20rem}.right-column,.About2{width:100%;max-width:1280px;box-sizing:border-box;padding:0 20rem 0 5rem}.content-wrapper{align-items:center}.content-wrapper .left-column,.content-wrapper .right-column{display:flex;justify-content:center;align-items:center}.content-wrapper .right-column{flex-direction:column}.text-content{max-width:700px;text-align:center}.text-content h1{font-weight:500;font-size:5rem}.title{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.description{font-size:1.125rem;margin-bottom:2rem}.preorder-button{height:50px;width:200px;background:linear-gradient(90deg,#ff8a00,#e52e71);color:#fff;padding:.75rem 2rem;border-radius:9999px;font-size:1rem;text-decoration:none;font-weight:600;transition:opacity .3s ease-in-out}.preorder-button:hover{opacity:.85;transition:opacity .3s ease-in-out}.book-image{max-width:100%;max-height:80vh;object-fit:contain}.book-image:hover{transform:scale(1.05);transition:transform .5s ease-in-out;will-change:transform}.About{width:40%;text-align:left;padding-top:3rem;padding-bottom:10rem}.About2{width:55%;text-align:left;padding-top:3rem;padding-bottom:10rem}.About h1{font-size:2.5rem;margin-bottom:1.5rem}.About p{font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.About2 p{font-size:1.25rem;line-height:1.6}.Stats{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem}.Stats>div{text-align:center;display:flex;flex-direction:column;align-items:center}.Stats>div h1{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.separator{position:relative;width:100%;height:0;overflow:hidden;border-right:100vw solid transparent;border-bottom:13.9vw solid #ff8a00;margin-top:-13.9vw}.author-layout{display:flex;align-items:center;justify-content:space-around;padding:5rem 3rem;gap:5rem;color:#f5f5f5;background:linear-gradient(180deg,#ff8a00,orange)}.author-image img{height:100%;max-height:500px;object-fit:cover;border-radius:20px}.author-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:700px}.author-content h1{font-size:3rem;font-family:Cinzel,serif;margin-bottom:1.5rem}.author-content p{font-size:1.25rem;font-family:Smythe,system-ui,sans-serif;line-height:1.6}.separator2{width:0;height:0;border-left:100vw solid transparent;border-top:13.9vw solid orange;margin-bottom:-13.9vw}.separator3{position:relative;width:0;height:0;border-right:100vw solid transparent;border-bottom:13.9vw solid #300046;margin-top:-13.9vw}.content-wrapper3{width:100%;display:flex;justify-content:center;padding:6rem 2rem;background:linear-gradient(180deg,#300046,#4b134f 50%)}.reviews-container{width:100%;max-width:1280px;text-align:center;color:#f5f5f5}.reviews-container h1{font-size:3rem;font-family:Cinzel,serif;margin-bottom:3rem}.reviews-row{display:flex;gap:2rem;justify-content:center;flex-wrap:nowrap}.review-box{flex:1;max-width:350px;min-height:320px;padding:2.5rem 2rem;background:linear-gradient(180deg,#ff8a00,#e52e71);color:#fff;border-radius:20px;box-shadow:0 0 20px #0003;font-size:1.125rem;line-height:1.6;font-family:Smythe,system-ui,sans-serif;display:flex;flex-direction:column;justify-content:space-between}.review-box:hover{transform:translateY(-20px);transition:transform .5s ease-in-out}.reviewer{font-size:1rem;font-style:italic;color:#fff;text-align:right;margin-top:auto}.flip-card-inner{position:relative;width:300px;height:400px;transition:transform .8s;transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:20px;overflow:hidden;backface-visibility:hidden}.flip-card-back{background-image:url(/nebula.jpg);background-size:cover;background-position:center;color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.flip-card-back h2{margin-bottom:1rem}.flip-card-back ul{list-style:none;padding:0}.flip-card-back li{font-size:1rem;margin-bottom:.5rem}@media (max-width: 1024px){.left-column,.right-column,.About,.About2{padding:2rem}.text-content h1{font-size:3rem}.preorder-button{width:100%;max-width:300px}.Stats{flex-direction:column;align-items:center;gap:2rem}}@media (max-width: 768px){.content-wrapper,.content-wrapper2,.author-layout,.content-wrapper3{flex-direction:column;padding:2rem 1rem}.left-column,.right-column,.About,.About2{width:100%;padding:1rem;text-align:center}.About2{padding-bottom:2rem}.text-content{text-align:center}.text-content h1{font-size:2.5rem}.description{font-size:1rem}.author-layout{padding-top:5rem;gap:2rem}.author-image{width:100%;display:flex;justify-content:center}.author-image img{width:80%;max-width:300px;height:auto;display:block;margin:0 auto 2rem}.flip-card-inner{width:90%;height:auto;aspect-ratio:3 / 4}.reviews-row{flex-direction:column;align-items:center}.review-box{width:90%;max-width:100%}.book-image{max-width:80%;height:auto;display:block;margin:0 auto 2rem}.left-column{justify-content:center;align-items:center}}@media (max-width: 480px){.text-content h1{font-size:2rem}.preorder-button{font-size:.9rem;padding:.5rem 1rem}.author-content h1{font-size:2rem}.author-content p{font-size:1rem}.flip-card-back li{font-size:.875rem}}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(150deg,#240834,#5f1131);color:#fff;height:100vh}.preorder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.preorder-container p{padding-bottom:3rem}.preorder-container span{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-container{background:#ffffff1a;padding:2rem;border-radius:10px;box-shadow:0 4px 20px #00000080;width:25%}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container input{padding:.75rem;border:none;border-radius:5px;background:#fff3;color:#fff}.login-container input::placeholder{color:#ffffffb3}.login-container button{padding:.75rem;border:none;border-radius:5px;background:linear-gradient(90deg,#ff8a00,#e52e71);color:#fff;cursor:pointer}.login-container .link{color:#ff8a00;text-decoration:none}.thanks{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2rem;min-height:100vh;padding:2rem}.thanks h1{margin-bottom:1rem;font-family:Cinzel,serif}.thanks .confirmed{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1024px){.login-container{width:50%}}@media (max-width: 768px){.login-container{width:80%;padding:1.5rem}.preorder-container h1{font-size:1.5rem;text-align:center}.preorder-container p{font-size:1rem;text-align:center;padding:0 1rem 2rem}.login-container form{gap:.75rem}.login-container input,.login-container button{font-size:1rem;padding:.75rem}.register-link{font-size:.9rem;text-align:center;padding-top:1rem}}@media (max-width: 480px){.login-container{width:90%}.login-container input,.login-container button{font-size:.95rem;padding:.65rem}.preorder-container h1{font-size:1.2rem}}