.book-scene{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;padding:20px}.book-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(56,182,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,182,255,.04) 1px,transparent 1px);background-size:40px 40px;animation:bookGridDrift 20s linear infinite;pointer-events:none;border-radius:16px}@keyframes bookGridDrift{0%{background-position:0 0}to{background-position:40px 40px}}.book-wrapper-3d{perspective:1200px;opacity:0;animation:bookFadeSlideUp 1s .4s cubic-bezier(.22,.68,0,1.2) forwards}.book-3d{position:relative;width:220px;height:320px;transform-style:preserve-3d;animation:bookFloat 5s ease-in-out infinite,bookReveal 1s .6s ease forwards;transform:rotateY(30deg) rotateX(5deg)}@media (min-width: 768px){.book-3d{width:260px;height:380px}.book-front-face,.book-back-face{width:260px!important;height:380px!important}.book-spine-face{height:380px!important}}@keyframes bookReveal{0%{transform:rotateY(80deg) rotateX(10deg) scale(.8)}to{transform:rotateY(30deg) rotateX(5deg) scale(1)}}@keyframes bookFloat{0%,to{transform:rotateY(28deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(32deg) rotateX(6deg) translateY(-12px)}}.book-front-face{position:absolute;width:220px;height:320px;border-radius:4px 10px 10px 4px;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 0 1px #38b6ff26,inset 0 0 30px #38b6ff0d;transform:translateZ(14px);backface-visibility:hidden}.book-front-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.book-front-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%,transparent 100%);background-size:300% 300%;animation:bookShineSweep 4s ease-in-out infinite}@keyframes bookShineSweep{0%{background-position:200% 200%}50%{background-position:-50% -50%}to{background-position:200% 200%}}.book-spine-face{position:absolute;width:28px;height:320px;left:-14px;background:linear-gradient(to right,#0a3a5c,#0d5a8f,#0a3a5c);transform:rotateY(-90deg) translateZ(14px);border-radius:4px 0 0 4px;display:flex;align-items:center;justify-content:center;box-shadow:inset -4px 0 8px #0006;overflow:hidden}.book-spine-face span{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:9px;letter-spacing:.12em;color:#38b6ffb3;font-weight:700;text-transform:uppercase;font-family:JetBrains Mono,monospace}.book-back-face{position:absolute;width:220px;height:320px;border-radius:4px 10px 10px 4px;background:linear-gradient(135deg,#0a1a2e,#0d2440);transform:translateZ(-14px) rotateY(180deg);box-shadow:-8px 0 20px #00000080}.book-shadow-el{position:absolute;width:220px;height:30px;background:radial-gradient(ellipse,rgba(56,182,255,.2) 0%,transparent 70%);bottom:-50px;left:50%;transform:translate(-50%);filter:blur(8px);animation:bookShadowPulse 5s ease-in-out infinite}@keyframes bookShadowPulse{0%,to{opacity:.6;transform:translate(-50%) scaleX(1)}50%{opacity:.3;transform:translate(-50%) scaleX(.85)}}.book-badge-ring{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;pointer-events:none;z-index:-1;overflow:visible}.sec-badge{position:absolute;background:#0d1726e6;border:1px solid rgba(56,182,255,.3);border-radius:8px;padding:6px 10px;font-size:9px;color:#38b6ff;letter-spacing:.1em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:secBadgeFade .6s ease forwards,secBadgeBob ease-in-out infinite;opacity:0;font-family:JetBrains Mono,monospace}.sec-badge:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#38b6ff;margin-right:6px;vertical-align:middle;animation:secDotBlink 2s ease-in-out infinite}@keyframes secDotBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes secBadgeFade{to{opacity:1}}@keyframes secBadgeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sec-badge.sb1{top:-10px;left:-130px;animation-delay:1.4s,1.4s;animation-duration:.6s,3.2s}.sec-badge.sb2{top:50px;right:-150px;animation-delay:1.6s,1.6s;animation-duration:.6s,2.8s}.sec-badge.sb3{bottom:70px;left:-120px;animation-delay:1.8s,1.8s;animation-duration:.6s,3.5s}.sec-badge.sb4{bottom:10px;right:-140px;animation-delay:2s,2s;animation-duration:.6s,2.5s}.sec-badge.sb5{top:120px;left:-165px;animation-delay:2.2s,2.2s;animation-duration:.6s,3.8s}.sec-badge.sb6{top:170px;right:-175px;animation-delay:2.4s,2.4s;animation-duration:.6s,3.1s}.sec-badge.sb7{top:-30px;right:-100px;animation-delay:2.6s,2.6s;animation-duration:.6s,2.6s}.sec-badge.sb8{bottom:130px;left:-180px;animation-delay:2.8s,2.8s;animation-duration:.6s,4s}.sec-badge.sb9{top:240px;left:-155px;animation-delay:3s,3s;animation-duration:.6s,3.3s}.sec-badge.sb10{top:280px;right:-160px;animation-delay:3.2s,3.2s;animation-duration:.6s,2.9s}.sec-badge.sb11{top:-45px;left:-120px;animation-delay:3.4s,3.4s;animation-duration:.6s,3.6s}.sec-badge.sb12{bottom:-20px;right:-130px;animation-delay:3.6s,3.6s;animation-duration:.6s,2.7s}@media (max-width: 768px){.book-badge-ring{display:none}}@keyframes bookFadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}