html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:#030608;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}*{box-sizing:border-box}button,input{font:inherit}button{border:0;outline:none}img{display:block;max-width:100%}.fx-premiumSection{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 14% 24%,rgba(122,0,46,.18),transparent 30%),radial-gradient(circle at 84% 68%,rgba(0,255,255,.08),transparent 28%),linear-gradient(90deg,#25000a73,#000000e6 35%,#001316db),#030608}.fx-premiumSection:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:114px 114px;opacity:.22;pointer-events:none}.fx-topbar{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 42px 0}.fx-brandTitle{color:#ff8fb0;font-size:1.18rem;font-weight:800;letter-spacing:.02em;line-height:1}.fx-brandSub{margin-top:6px;color:#00eaff;font-size:.7rem;font-weight:700;letter-spacing:.16em}.fx-contactBtn{min-width:204px;height:64px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff08;color:#fffffff5;font-size:.94rem;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.fx-premiumGrid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(440px,1fr) 520px;gap:70px;align-items:center;min-height:calc(100vh - 170px);padding:30px 110px 90px}.fx-copySide{align-self:center;padding-top:48px}.fx-copyTitle{margin:0 0 18px;color:#00eaff;font-size:2.25rem;line-height:1.02;font-weight:800;letter-spacing:-.03em}.fx-copyText{max-width:650px;margin:0;color:#ffffffc7;font-size:1.05rem;line-height:1.45;font-weight:600}.fx-cardSide,.right{display:flex;justify-content:center;align-items:center}.right{position:relative;min-width:0}.fx-lockCardShell{position:relative;width:100%;max-width:400px;animation:fxCardDriftReverse 9.4s ease-in-out infinite alternate;transform-origin:50% 50%;will-change:transform;transition:transform .45s ease,filter .45s ease,opacity .45s ease}.fx-shellUnlocked{animation:none;transform:scale(1.02) rotate(0);filter:drop-shadow(0 0 28px rgba(0,242,255,.22))}.fx-lockCard{position:relative;min-height:560px;padding:34px 34px 40px;border-radius:28px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),radial-gradient(circle at 16% 14%,rgba(255,66,122,.08),transparent 31%),radial-gradient(circle at 80% 82%,rgba(0,255,255,.06),transparent 36%),#0e1519b8;border:1px solid rgba(255,255,255,.07);box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff12,inset 0 -1px #ffffff08;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}.fx-cardUnlocked{border-color:#00f2ff2e;box-shadow:0 30px 80px #0000006b,0 0 0 1px #00f2ff14,0 0 36px #00f2ff1f}.fx-lockCard:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background:radial-gradient(circle at 20% 20%,rgba(255,0,98,.06),transparent 24%),radial-gradient(circle at 82% 78%,rgba(0,233,255,.06),transparent 28%);filter:blur(24px);pointer-events:none}.fx-lockHead{position:relative;margin:0 0 28px;text-align:center;color:#fffffff2;font-size:.92rem;line-height:1;font-weight:700;letter-spacing:.42em}.fx-lockUser{position:relative;margin:0 0 12px;text-align:center;color:#ffffff8c;font-size:.9rem;line-height:1.2;font-weight:600;letter-spacing:.06em}.fx-lockUser strong{color:#fffffff5;font-weight:800}.fx-lockArrow{position:relative;margin:0 0 16px;text-align:center;color:#ffffff61;font-size:1.4rem;line-height:1}.fx-codeDisplay{display:flex;justify-content:center;gap:10px;margin:0 0 14px}.fx-codeChar{min-width:34px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:#ffffff5c;font-size:1.15rem;font-weight:700;letter-spacing:.02em;background:transparent;border:0;box-shadow:none}.fx-codeCharFilled{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.14)}.fx-codeInput{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.fx-lockHint{position:relative;margin:0 0 16px;text-align:center;color:#ffffffa3;font-size:.24rem;line-height:1.12;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transform:scale(.6);transform-origin:center}.fx-unlockTitle{position:relative;margin:0 0 18px;text-align:center;color:#ffffffde;font-size:.54rem;line-height:1;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.fx-lockOnlyBtn{position:relative;display:grid;place-items:center;width:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none;cursor:pointer}.fx-lockEmoji{display:inline-block;font-size:1.16rem;line-height:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));animation:fxLockFloat 3.2s ease-in-out infinite;transform-origin:50% 50%}.fx-lockOnlyBtnUnlocked .fx-lockEmoji{animation:fxUnlockPop .42s ease-out both}.fx-status{min-height:18px;margin:14px 0 0;text-align:center;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.fx-status.is-success{color:#92ffd7}.fx-status.is-error{color:#ffd2d9}.fx-footer{position:relative;z-index:2;display:flex;justify-content:center;padding:0 20px 18px;color:#ffffffa8;font-size:.48rem;line-height:1;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.galeria-book-3d{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;--lift: 0px;--hover-rx: 0deg;--hover-ry: 0deg;position:relative;width:min(320px,90vw);height:420px;margin-inline:auto;outline:none;transform-style:preserve-3d;will-change:transform,box-shadow,filter;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),filter .4s cubic-bezier(.23,1,.32,1);transform:perspective(1600px) translateY(var(--lift)) rotateX(calc(var(--rx) + var(--hover-rx))) rotateY(calc(var(--ry) + var(--hover-ry)))}.galeria-book-3d:hover{--lift: -12px;--hover-rx: 4deg;--hover-ry: 0deg}.galeria-book-3d:focus-visible{--lift: -10px;--hover-rx: 3deg;--hover-ry: 0deg}.liquid-device{--device-thickness: 10px;--device-glow: rgba(255, 255, 255, .12);--liquid-shine: linear-gradient( 135deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .08) 50%, transparent 100% );position:relative;border-radius:36px;background:var(--liquid-shine),linear-gradient(180deg,#ffffff24,#ffffff14);backdrop-filter:blur(24px) saturate(160%) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(1.05);box-shadow:0 0 0 var(--device-thickness) #ffffff29,0 28px 64px -12px #00000073,0 16px 32px -8px #00000040,0 0 48px #ffffff14,inset 0 -4px 24px #ffffff40,inset 4px 0 24px #00000026,inset -4px 0 24px #00000026}.liquid-device:hover{box-shadow:0 0 0 var(--device-thickness) #ffffff38,0 48px 96px -16px #0000008c,0 32px 64px -12px #00000059,0 0 64px #ffffff24,inset 0 -6px 32px #ffffff59,inset 6px 0 32px #0003,inset -6px 0 32px #0003}.liquid-device:focus-visible{outline:none;box-shadow:0 0 0 4px #00f2ff66,0 0 0 var(--device-thickness) #ffffff38,0 48px 96px -16px #0000008c,0 32px 64px -12px #00000059,0 0 64px #00f2ff2e,inset 0 -6px 32px #ffffff59,inset 6px 0 32px #0003,inset -6px 0 32px #0003}.galeria-book-3d.is-unlocked .liquid-device,.galeria-book-3d.is-unlocked{filter:drop-shadow(0 24px 48px rgba(0,242,255,.18))}.device-bezel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:36px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff14,inset 0 0 24px #ffffff0d}.device-screen{position:absolute;inset:calc(var(--device-thickness) + 8px);overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 32%),linear-gradient(180deg,#080a0ceb,#020305f5);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,inset 0 0 40px #ffffff05}.screen-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.16),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 36%,rgba(255,255,255,.03) 68%,transparent 100%);mix-blend-mode:screen}.lock-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:2;display:flex;align-items:center;justify-content:center}.lock-overlay-unlocked{background:radial-gradient(circle at center,rgba(0,242,255,.06),transparent 72%)}.lock-overlay .fx-lockCardShell{width:min(100%,340px);margin:0 auto}.device-bottom-bar{position:absolute;left:50%;bottom:10px;z-index:5;width:30%;height:6px;transform:translate(-50%);border-radius:999px;background:#ffffff38;box-shadow:0 0 12px #ffffff1a}.device-shadow{position:absolute;left:50%;bottom:-26px;z-index:-1;width:82%;height:56px;transform:translate(-50%);pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.42) 0%,transparent 72%);filter:blur(12px)}.hand-hint{position:absolute;right:18px;bottom:18px;z-index:3;font-size:24px;opacity:.5;pointer-events:none;animation:fxHandFloat 2.4s ease-in-out infinite}.fx-codeForm{display:contents}@keyframes fxLockFloat{0%{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(0,-5px,0) rotate(1.4deg)}to{transform:translateZ(0) rotate(-2deg)}}@keyframes fxUnlockPop{0%{transform:scale(1);opacity:1}60%{transform:scale(1.18);opacity:.95}to{transform:scale(1);opacity:1}}@keyframes fxCardDriftReverse{0%{transform:translate3d(15px,9px,0) rotateX(-2deg) rotateY(5.2deg) rotate(-.8deg)}30%{transform:translate3d(8px,-7px,0) rotateX(-.8deg) rotateY(2.2deg) rotate(-.25deg)}60%{transform:translate3d(-7px,10px,0) rotateX(1deg) rotateY(-3.5deg) rotate(.4deg)}to{transform:translate3d(-16px,-10px,0) rotateX(2deg) rotateY(-5.8deg) rotate(.85deg)}}@keyframes fxHandFloat{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-6px) rotate(2deg)}}@media (max-width: 1180px){.fx-premiumGrid{grid-template-columns:1fr;gap:44px;padding:30px 28px 80px}.fx-copySide{padding-top:10px}.fx-copyTitle{font-size:1.7rem}.fx-cardSide,.right{justify-content:flex-start}}@media (max-width: 640px){.fx-topbar{padding:18px 18px 0;gap:16px}.fx-contactBtn{min-width:146px;height:52px;font-size:.82rem}.fx-premiumGrid{padding:24px 18px 60px}.fx-lockCard{min-height:520px;padding:28px 22px 32px}.fx-copyTitle{font-size:1.35rem}.fx-copyText{font-size:.95rem}.galeria-book-3d{width:min(300px,92vw);height:396px}}