:root{--font-neutra:"Neutra Text Book", Arial, sans-serif;--font-calibri:"Calibri", Arial, sans-serif;--color-primary:#181433;--color-secondary:#0096dc;--color-tertiary:#fdc700;--color-bg:var(--color-primary);--color-text:#e5e5e5}@font-face{font-family:Neutra Text Book;src:url("fonts/Neutra Text Book.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Calibri;src:url(fonts/calibri-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-neutra);background-color:var(--color-bg);color:var(--color-text);min-height:100vh}.brand-header{color:var(--color-text);background:0 0;justify-content:center;align-items:center;gap:1rem;padding:2rem 2rem 1rem;display:flex}.brand-header h1{font-family:var(--font-neutra);text-align:center;width:100%;font-size:1.25rem;font-weight:600}.brand-logo{width:auto;height:40px}.viewer-wrapper{width:100%;max-width:none;margin:1rem auto;padding:0 1rem}.controls{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.controls label{font-weight:500}.controls select{color:var(--color-text);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:8px;min-width:280px;padding:.5rem .8rem;font-size:1rem}#flipbook{background:linear-gradient(#ffffff05,#ffffff03);border-radius:12px;width:100%;height:calc(100vh - 160px);min-height:520px;overflow:hidden;box-shadow:0 20px 40px #00000080}#flipbook>*{width:100%!important;height:100%!important}.pfb-page:last-child>div{visibility:hidden!important}.pfb-page:last-child{background-color:var(--color-primary)!important}.pfb-branding .brand-root h3{font-family:var(--font-neutra);margin:0;font-size:1.25rem}.pfb-branding .brand-root p{opacity:.9;margin:0}.control-buttons{align-items:center;gap:.5rem;display:flex}.control-buttons #btn-download{color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;padding:.45rem .7rem}.control-buttons #btn-download:hover{background:#ffffff0a}.pfb-container{background-color:#333;flex-direction:column;align-items:center;width:100%;height:100%;font-family:sans-serif;display:flex;position:relative;overflow:hidden}.pfb-toolbar{z-index:100;background:#000000d9;border-radius:30px;justify-content:center;align-items:center;gap:15px;min-width:350px;margin-top:10px;padding:10px 20px;display:flex;box-shadow:0 4px 10px #0000004d}.pfb-btn{color:#ddd;cursor:pointer;background:0 0;border:none;font-size:18px;transition:transform .2s,color .2s}.pfb-btn:hover{color:#fff;transform:scale(1.1)}.pfb-btn:active{transform:scale(.95)}.pfb-page-control{color:#fff;align-items:center;font-family:monospace;font-size:14px;display:flex}.pfb-page-input{color:#fff;text-align:center;background:0 0;border:none;border-bottom:1px solid #777;outline:none;width:50px;margin-right:5px;font-size:14px}.pfb-page-input:focus{border-bottom:1px solid #fff}.pfb-book-wrapper{box-sizing:border-box;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative;overflow:hidden}.pfb-book{transition:transform .6s cubic-bezier(.25,1,.5,1);position:relative;box-shadow:0 0 20px #00000080}.pfb-page{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.pfb-branding{opacity:1;z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pfb-brand-logo{color:#e0e0e0;margin-bottom:10px;font-size:40px}.pfb-brand-text{color:#d0d0d0;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:700}.pfb-page canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.stf__wrapper{box-shadow:0 0 20px #00000080;overflow:hidden!important}.stf__block{overflow:hidden!important}.pfb-loader{color:#fff;z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.pfb-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:15px;font-size:40px;animation:1s linear infinite pfb-spin}@keyframes pfb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}