.cc-book{--bw:300px;--d:26px;--bh:calc(var(--bw) * 1.2941);width:var(--bw);height:var(--bh);perspective:1800px;perspective-origin:0 20%;margin-inline:auto;display:block;position:relative}.cc-book:before{content:"";z-index:-1;pointer-events:none;filter:blur(18px);background:radial-gradient(closest-side,#7a5cf080,#4fc3f729 58%,#4fc3f700 78%);border-radius:50%;position:absolute;inset:-14% -34% -8%}.cc-book .float{transform-style:preserve-3d;animation:7s ease-in-out infinite ccBookFloat;position:absolute;inset:0}.cc-book .b3d{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:rotateX(-7deg)rotateY(-26deg)rotate(-1deg)}.cc-book .b3d>*{backface-visibility:hidden;position:absolute}.cc-book .front{transform:translateZ(calc(var(--d) / 2));background:#f2f2ff;border-radius:3px 8px 8px 3px;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.cc-book .front img{object-fit:cover;width:100%;height:100%;display:block}.cc-book .front:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#28246e3d 0,#ffffff8c 22%,#28246e1a 42%,#ffffff38 70%,#fff0);width:8%;position:absolute;inset:0 auto 0 0}.cc-book .front:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(116deg,#ffffff4d 0%,#ffffff14 24%,#fff0 40% 74%,#ffffff14 100%);position:absolute;inset:0}.cc-book .back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));background:#e4e3fb;border-radius:8px 3px 3px 8px;inset:0}.cc-book .spine{top:0;left:calc(50% - var(--d) / 2);width:var(--d);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2));background:linear-gradient(90deg,#cfcdf3,#eeedfd 50%,#cfcdf3);border-radius:3px}.cc-book .pages{top:2px;left:calc(50% - var(--d) / 2);width:var(--d);height:calc(100% - 4px);transform:rotateY(90deg) translateZ(calc(var(--bw) / 2 - 2px));background:linear-gradient(90deg,#14124647,#14124600 30% 70%,#14124638),repeating-linear-gradient(90deg,#fdfdff 0 1.4px,#cfd3ea 1.4px 2.2px)}.cc-book .top,.cc-book .bottom{left:2px;top:calc(50% - var(--d) / 2);width:calc(100% - 4px);height:var(--d);background:repeating-linear-gradient(0deg,#fdfdff 0 1.4px,#cfd3ea 1.4px 2.2px)}.cc-book .top{transform:rotateX(90deg) translateZ(calc(var(--bh) / 2 - 2px))}.cc-book .bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh) / 2 - 2px))}.cc-book .badge{z-index:2;text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#1b1257;background:linear-gradient(140deg,#ffd1ec 0%,#ff9ad5 30%,#c4b5ff 64%,#8fe3ff 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:86px;height:86px;font-size:9.5px;font-weight:800;line-height:1.15;animation:7s ease-in-out infinite ccBadgeFloat;display:flex;position:absolute;top:5%;right:-9%;transform:rotate(12deg);box-shadow:0 16px 34px #05031e73,inset 0 1px #ffffffb3,inset 0 0 0 1px #ffffff59}.cc-book .badge b{letter-spacing:-.02em;font-size:22px;line-height:1;display:block}.cc-book .floor{pointer-events:none;filter:blur(5px);background:radial-gradient(closest-side,#04021a99,#04021a00);border-radius:50%;height:48px;animation:7s ease-in-out infinite ccBookShadow;position:absolute;bottom:-34px;left:2%;right:-14%}a.cc-book{cursor:pointer}a.cc-book:focus-visible{outline:none}a.cc-book:focus-visible .front{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 4px #a9b2ffbf}.cc-book:hover .b3d,.cc-book:focus-visible .b3d,.cc-guide:hover .cc-book .b3d{transform:rotateX(-5deg)rotateY(-15deg)rotate(-.5deg)}.cc-book.lg{--bw:clamp(250px,27vw,360px);--d:30px;perspective:2000px}@keyframes ccBookFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ccBadgeFloat{0%,to{transform:translateY(0)rotate(12deg)}50%{transform:translateY(-17px)rotate(8deg)}}@keyframes ccBookShadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.88)}}@media (max-width:640px){.cc-book{--bw:220px;--d:20px}.cc-book.lg{--bw:236px;--d:21px}.cc-book .badge{width:70px;height:70px;font-size:8px;right:-9%}.cc-book .badge b{font-size:18px}}@media (prefers-reduced-motion:reduce){.cc-book .float,.cc-book .floor,.cc-book .badge{animation:none}.cc-book .b3d{transition:none}}.cc-guide{color:#c9cbe4;background:radial-gradient(130% 120% at 50% 0,#3836a1 0%,#1e1c58 45%,#070012 100%);border-radius:36px;grid-template-columns:1.18fr .82fr;grid-template-areas:"info cover""act cover";align-items:center;gap:0 48px;margin-top:56px;padding:58px 56px;scroll-margin-top:110px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #a9b2ff47,0 30px 80px #06062359}.cc-guide.lead{margin-top:0}.cc-guide:before{content:"";opacity:.2;pointer-events:none;background-image:radial-gradient(#a0a8ff80 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.cc-guide>*{z-index:1;position:relative}.cc-guide .cover{grid-area:cover;justify-content:center;padding:30px 0 46px;display:flex}.cc-guide .info{grid-area:info;align-self:end}.cc-guide .act{grid-area:act;align-self:start}.cc-guide.flat{grid-template-columns:1.05fr .95fr;grid-template-areas:"info act";align-items:center;column-gap:52px}.cc-guide.flat .info,.cc-guide.flat .act{align-self:center}.cc-guide.flat ul{grid-template-columns:1fr}.cc-guide.flat .cc-gform{margin-top:0}.cc-guide.flat .cc-gform .row{grid-template-columns:1fr 1fr}.cc-guide.flat .cc-gform .cc-submit{grid-column:1/-1;width:100%}.cc-guide.flat .cc-gdone{margin-top:0}.cc-guide .kicker{background:linear-gradient(90deg,#a9b2ff,#dfe4ff);color:#0000;-webkit-background-clip:text;background-clip:text}.cc-guide h2{color:#fff;-webkit-text-fill-color:#fff;margin-top:12px;letter-spacing:-.035em;background:0 0;margin-block:-.02em -.12em;padding-block:.02em .12em;font-size:clamp(28px,3.6vw,42px);line-height:1.08}.cc-guide .sub{color:#b9bcdc;max-width:620px;margin:14px 0 0}.cc-guide .sub b{color:#fff}.cc-guide ul{grid-template-columns:1fr 1fr;gap:9px 18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.cc-guide li{color:#e4e7ff;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.45;display:flex}.cc-guide li i{background:#ffffff24;border-radius:6px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.cc-guide li i svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.cc-gform{color:var(--body);background:#fff;border-radius:20px;margin-top:24px;padding:20px;box-shadow:0 24px 60px #00000059}.cc-gform .row{grid-template-columns:.9fr 1.1fr auto;align-items:end;gap:10px;display:grid}.cc-gform label{color:var(--ink);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.cc-gform .opt{color:var(--muted);font-weight:600}.cc-gform input{width:100%;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.cc-gform input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #5b66ea26}.cc-gform input.err{border-color:var(--error-kit);box-shadow:0 0 0 4px #ee5d7a24}.cc-gform .cc-submit{white-space:nowrap;padding:14px 22px;font-size:15px}.cc-gform .alert{color:var(--error-kit);margin:10px 0 0;font-size:13px;font-weight:600}.cc-gform .fine{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.5}.cc-gform .fine a{color:var(--primary);font-weight:600}.cc-hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.cc-gdone{color:var(--body);text-align:center;background:#fff;border-radius:20px;margin-top:24px;padding:26px 24px;box-shadow:0 24px 60px #00000059}.cc-gdone .ring{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex;box-shadow:0 10px 26px #5b66ea52}.cc-gdone .ring svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.cc-gdone h3{margin:0;font-size:22px}.cc-gdone p{margin:8px 0 0;font-size:14.5px}@media (max-width:1000px){.cc-guide{grid-template-columns:1fr;grid-template-areas:"cover""info""act";gap:0;padding:40px 28px}.cc-guide.flat{grid-template-columns:1fr;grid-template-areas:"info""act"}.cc-guide.flat .cc-gform,.cc-guide.flat .cc-gdone{margin-top:24px}.cc-guide .cover{padding:12px 0 36px}.cc-guide ul{grid-template-columns:1fr}}@media (max-width:640px){.cc-guide{border-radius:26px;padding:32px 20px}.cc-gform .row,.cc-guide.flat .cc-gform .row{grid-template-columns:1fr}.cc-gform .cc-submit{width:100%}}