*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto}#root{width:100vw;min-height:100vh}body{overflow:hidden}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;padding:24px 48px;z-index:100;background:transparent}.navbar-content{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-family:Alegreya,serif;font-size:30px;font-weight:600;color:#fff;letter-spacing:-.5px}.navbar-buttons{display:flex;gap:16px;align-items:center}.navbar-btn{font-family:Inter,sans-serif;font-size:15px;font-weight:500;padding:10px 24px;border-radius:6px;cursor:pointer;transition:all .2s ease;letter-spacing:-.3px;box-sizing:border-box}.navbar-btn-wishlist{background:transparent;border:2.5px solid white;color:#fff}.navbar-btn-wishlist:hover{background:#ffffffe6;border:2.5px solid rgba(255,255,255,.9);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.navbar-btn-login{background:transparent;border:2.5px solid transparent;color:#fff}.navbar-btn-login:hover{background:#ffffff1a;transform:translateY(-1px)}.leaf-curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;overflow:visible}.leaf{position:absolute;width:100px;height:100px;background-image:url(/leaves.png);background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(0) rotate(var(--rotation)) scale(var(--scale));transition:transform 2.5s cubic-bezier(.4,0,.2,1)}.leaf-curtain.animating .leaf-left{animation:slideToLeft 2.5s cubic-bezier(.4,0,.2,1) forwards}.leaf-curtain.animating .leaf-right{animation:slideToRight 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideToLeft{0%{transform:translate(0) rotate(var(--rotation)) scale(var(--scale))}to{transform:translate(calc(-50vw + 50px)) rotate(var(--rotation)) scale(var(--scale))}}@keyframes slideToRight{0%{transform:translate(0) rotate(var(--rotation)) scale(var(--scale))}to{transform:translate(calc(50vw - 50px)) rotate(var(--rotation)) scale(var(--scale))}}.scene{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px;background:#f7f1e7;color:#fff;overflow:hidden;position:relative;gap:30px}.gradient-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));-moz-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.gradient-card{position:absolute;top:0;left:0;width:100%;height:100%}.gradient-card g{-webkit-filter:url(#grain);-moz-filter:url(#grain);filter:url(#grain)}.gradient-card rect,.gradient-card ellipse,.gradient-card circle{-webkit-transform-box:fill-box;-moz-transform-box:fill-box;transform-box:fill-box;-webkit-transform-origin:center center;-moz-transform-origin:center center;transform-origin:center center}.gradient-card ellipse,.gradient-card circle{-webkit-filter:url(#blur);-moz-filter:url(#blur);filter:url(#blur)}.gradient-card.card-1 ellipse{-webkit-transform:translate(-10%,-5%) rotate(-22.5deg);-moz-transform:translate(-10%,-5%) rotate(-22.5deg);-ms-transform:translate(-10%,-5%) rotate(-22.5deg);transform:translate(-10%,-5%) rotate(-22.5deg)}.gradient-card.card-1 circle{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.gradient-card.card-2 ellipse{-webkit-transform:rotate(-22.5deg);-moz-transform:rotate(-22.5deg);-ms-transform:rotate(-22.5deg);transform:rotate(-22.5deg);mix-blend-mode:color-dodge}.gradient-card.card-2 ellipse:nth-of-type(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.gradient-card.card-2 ellipse:nth-of-type(3){-webkit-transform:rotate(-75deg);-moz-transform:rotate(-75deg);-ms-transform:rotate(-75deg);transform:rotate(-75deg)}.gradient-card.card-3 ellipse{-webkit-transform:translate(5%,0) rotate(-30deg);-moz-transform:translate(5%,0) rotate(-30deg);-ms-transform:translate(5%,0) rotate(-30deg);transform:translate(5%) rotate(-30deg)}.gradient-card.card-3 circle{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.gradient-card.card-5 ellipse{-webkit-transform:rotate(-22.5deg);-moz-transform:rotate(-22.5deg);-ms-transform:rotate(-22.5deg);transform:rotate(-22.5deg)}.gradient-card.card-5 ellipse:nth-of-type(2){-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);transform:rotate(-35deg)}.gradient-card.card-6 ellipse{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.gradient-card.card-6 ellipse:nth-of-type(2){-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);transform:rotate(-35deg)}.gradient-card.card-6 ellipse:nth-of-type(3){-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg)}.gradient-card.card-7 ellipse{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(2){-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(3){-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(4){-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(5){-webkit-transform:rotate(22deg);-moz-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(6){-webkit-transform:rotate(-16deg);-moz-transform:rotate(-16deg);-ms-transform:rotate(-16deg);transform:rotate(-16deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(7){-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(8){-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg);-ms-transform:rotate(14deg);transform:rotate(14deg);mix-blend-mode:lighten}.gradient-card.card-7 ellipse:nth-of-type(9){-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);mix-blend-mode:lighten}.gradient-card.card-8 ellipse{-webkit-transform:rotate(-22.5deg);-moz-transform:rotate(-22.5deg);-ms-transform:rotate(-22.5deg);transform:rotate(-22.5deg)}.gradient-card.card-9 ellipse{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.gradient-card.card-10 circle{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.gradient-card.card-10 circle:nth-of-type(2){-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.scene-title{position:absolute;top:calc(50% - 250px);font-size:50px;font-weight:400;letter-spacing:-.5px;margin-bottom:20px;font-family:Alegreya,serif;padding:0 20px;z-index:10}.scene canvas{z-index:5;position:relative}.kindle-container{transition:transform .1s ease-out;transform-style:preserve-3d;will-change:transform}.kindle{width:420px;height:130px;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:8px;padding:15px 15px 15px 0;position:relative;transform-style:preserve-3d;display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 30px 60px #00000080,0 15px 30px #0006,inset 0 1px 2px #ffffff1a}.pointer-container{display:flex;align-items:center;justify-content:center;width:70px}.pointer{width:25px;height:25px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 35%,#d63838,#b62525 40%,#7a1515);box-shadow:0 1px 2px #0000004d,0 3px 6px #0006,inset 0 1px 1px #ffffff26,inset 0 -2px 3px #0006}.pointer:before{content:"";position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,rgba(255,255,255,.12) 30%,rgba(0,0,0,.15) 45%,transparent 50%);background-size:3px 3px;background-position:0 0;mask-image:radial-gradient(ellipse at center,black 0%,black 40%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.3) 80%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,black 40%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.3) 80%,transparent 95%)}.pointer:after{content:"";position:absolute;top:15%;left:20%;width:40%;height:35%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,rgba(255,255,255,.08) 40%,transparent 70%)}.kindle-bezel{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);position:relative}.kindle-bezel-top{width:100%;height:50px;border-radius:8px 8px 0 0;border-bottom:1px solid #000}.kindle-bezel-bottom{width:100%;height:50px;border-radius:0 0 8px 8px;border-top:1px solid #000;display:flex;align-items:center;justify-content:center}.kindle-logo{color:#444;font-size:18px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.5px}.kindle-screen{width:100%;height:100%;background:linear-gradient(145deg,#e8e8e8,#d4d4d4);position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000026,inset 0 -1px 2px #ffffff1a}.kindle-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.015) 1px,rgba(0,0,0,.015) 2px);pointer-events:none;z-index:2}.kindle-screen:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;z-index:3}.eink-content{padding:10px;color:#1a1a1a;font-family:Georgia,Bookerly,serif;position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.book-title{padding-top:10px;font-size:24px;font-weight:600;letter-spacing:-.5px;color:#000}.book-author{font-size:16px;margin:0 0 30px;font-weight:400;font-style:italic;color:#333}.book-text p{margin:0 0 16px;font-size:15px;text-align:justify;color:#1a1a1a;text-indent:1.5em}.book-text p:first-child{text-indent:0}.page-info{display:flex;align-items:center;gap:8px}.icon-signal,.icon-battery{color:#666;opacity:.8}.icon-signal{width:16px;height:16px}.icon-battery{width:20px;height:16px}.kindle-side{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px;background:linear-gradient(to right,rgba(0,0,0,.3),transparent 20px);transform:translateZ(-8px);pointer-events:none}.kindle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a;transform:translateZ(-8px);border-radius:8px;box-shadow:-2px 0 8px #0000004d,0 0 0 1px #00000080}.social-buttons{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;z-index:20}.social-btn{width:56px;height:56px;border-radius:50%;background:#0000004d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.social-btn:hover{background:#fff6;box-shadow:0 6px 20px #00000040;transform:scale(1.1)}.social-btn svg{transition:transform .3s ease}.social-btn-letter{font-family:Alegreya,serif;font-size:32px;font-weight:600;color:#fff;letter-spacing:-.5px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.content-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:40px}.content-section h2{font-size:48px;font-weight:700}@media(max-width:768px){.navbar{padding:20px 24px}.navbar-brand{font-size:20px}.navbar-btn{font-size:14px;padding:8px 18px}.navbar-buttons{gap:12px}.kindle{width:300px;height:420px}.kindle-screen{height:345px}.eink-content{padding:25px 20px}.book-title{font-size:20px}.book-author{font-size:14px;margin-bottom:20px}.book-text p{font-size:13px}.social-buttons{bottom:30px;gap:12px}.social-btn{width:48px;height:48px}.social-btn svg{width:18px;height:18px}.social-btn-letter{font-size:28px}.content-section h2{font-size:32px;padding:20px;text-align:center}}