.four-skills .flip-card{perspective:1100px;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:24px;min-width:0;height:330px;position:relative}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{color:#faf7ee;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(at 100% 0,#59451d55,#0000 70%),#151719;border:1px solid #75602e;border-radius:24px;flex-direction:column;justify-content:center;padding:28px;display:flex;position:absolute;inset:0}.flip-card__face--back{transform:rotateY(180deg)}.four-skills .flip-card h3{letter-spacing:-.035em;color:#ffda75;margin:12px 0;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:800}.four-skills .flip-card p{color:#e0dcd2;margin:0;font-size:1rem;line-height:1.65}.skill-number{color:#baa16b;font-size:.875rem;position:absolute;top:22px;left:26px}.skill-icon .r7k-icon{color:#ffd259;width:68px;height:68px}.flip-mark{bottom:22px;text-align:center;color:#ebcc83;letter-spacing:.035em;font-size:.8125rem;font-weight:600;position:absolute;inset-inline:20px}.flip-card__face--front{text-align:center;align-items:center;gap:10px}.flip-card__face--front .skill-icon{background:linear-gradient(145deg,#d6ad4630,#b9841110 55%,#161816);border:1px solid #d4ae5455;border-radius:30px;place-items:center;width:106px;height:106px;display:grid;box-shadow:inset 0 1px #ffe7a855,0 14px 26px #0004}.skill-icon .r7k-icon{filter:drop-shadow(0 2px 2px #0005);width:58px;height:58px}.flip-card:focus-visible{outline-offset:5px;outline:3px solid #ffda75}@media (hover:hover){.flip-card:hover .flip-card__face{border-color:#ffd259;box-shadow:0 16px 35px #0003}}@media (max-width:1100px){.four-skills .flip-card{height:300px}}@media (max-width:480px){.four-skills .flip-card{height:310px}.flip-card__face{padding:22px}}.echo-text{letter-spacing:-.04em;contain:layout style;font-weight:800;line-height:1.25;display:block;position:relative}.echo-text__echo{color:#b13d43;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;position:absolute;inset:0}.echo-text__echo--front{z-index:2;color:#ff8585;position:relative}@media (prefers-reduced-motion:reduce){.echo-text__echo:not(.echo-text__echo--front){display:none}.echo-text__echo--front{transform:none!important}}.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--card-radius:28px;perspective:900px;touch-action:pan-y;width:min(100%,430px);margin-inline:auto;position:relative}.pc-behind{pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffc32d99, transparent 65%);filter:blur(35px);opacity:.3;transition:opacity .4s;position:absolute;inset:0}.pc-card-wrapper.active .pc-behind{opacity:.9}.pc-card-shell{position:relative}.pc-card{aspect-ratio:.74;border-radius:var(--card-radius);transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#171614;border:1px solid #ae8541;position:relative;overflow:hidden;box-shadow:0 25px 55px #35271633}.pc-inside{background:var(--inner-gradient);position:absolute;inset:0}.pc-shine,.pc-glare{pointer-events:none;z-index:2;position:absolute;inset:0}.pc-shine{background:repeating-linear-gradient(120deg,#0000 0 15%,#ffe39418 20%,#0000 30%) 0 0/200% 200%;background-position:var(--pointer-x) var(--pointer-y);mix-blend-mode:color-dodge}.pc-glare{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fff3cb33, transparent 65%);mix-blend-mode:overlay}.pc-details{z-index:3;text-align:center;position:absolute;inset:34px 20px auto}.pc-details h3{color:#fff2c9;letter-spacing:-.045em;margin:0 0 4px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}.paper .pc-details p{color:#e7d7b4;margin:0;font-size:1rem;font-weight:500}.pc-avatar-content{place-items:center;display:grid;position:absolute;inset:17% 3% 23%}.pc-avatar-content .avatar{object-fit:contain;width:100%;height:100%}.pc-user-info{z-index:4;background:0 0;border:0;border-radius:0;padding:14px;position:absolute;bottom:18px;left:18px;right:18px}.pc-socials{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.pc-socials a{color:#ffe4a3;background:#312819;border:1px solid #aa8441;border-radius:10px;flex:0 0 48px;justify-content:center;align-items:center;height:48px;min-height:44px;padding:8px;font-size:.875rem;font-weight:600;transition:background .2s;display:inline-flex}.pc-socials svg{width:24px;height:24px}.pc-socials a:hover{background:#564021}.pc-socials a:focus-visible{outline-offset:3px;outline:3px solid #ffc52d}@media (max-width:380px){.pc-card{aspect-ratio:.68}.pc-details{top:24px}.pc-user-info{padding:10px;bottom:10px;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.pc-card{transform:none}.pc-behind{transition:none}}.course-scroll [data-course-stage]:has(.r7k-carousel){min-height:0;display:block;position:static}.r7k-carousel{width:100%;min-width:0;scroll-margin-top:110px}.r7k-carousel-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.r7k-carousel-tabs button{color:#d7c79c;min-height:64px;font:inherit;background:#191915;border:1px solid #66532a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 4px;font-size:.875rem;display:flex}.r7k-carousel-tabs button>span:first-child{font-weight:800}.r7k-carousel-tabs button[aria-current]{color:#211809;background:#ffd259;border-color:#ffe9a5}.r7k-carousel button:focus-visible{outline-offset:3px;outline:3px solid #fff1bb}.r7k-carousel-window{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:#121315;border:1px solid #66532a;border-radius:24px;overflow:auto hidden}.r7k-carousel-window::-webkit-scrollbar{display:none}.r7k-carousel-track{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;display:flex}.r7k-carousel-track:active{cursor:grabbing}.r7k-carousel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;display:flex}.course-scroll .course-path-grid .r7k-carousel .level-panel{width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(190px,32%) minmax(0,1fr);margin:0;padding:0;animation:none;display:grid}.course-scroll .course-path-grid .r7k-carousel .level-art{background:#080909;grid-area:auto;justify-content:center;align-items:center;height:auto;min-height:0;padding:24px;display:flex}.course-scroll .course-path-grid .r7k-carousel .level-art img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;max-width:250px;height:auto;position:static}.course-scroll .course-path-grid .r7k-carousel .level-copy{grid-area:auto;gap:22px;padding:36px}.r7k-carousel .lesson-details{display:none}@media (max-width:900px){.r7k-tab-label{display:none}.r7k-carousel-tabs button{min-height:48px}}@media (max-width:600px){.r7k-carousel-tabs{gap:5px;margin-bottom:16px}.r7k-carousel-tabs button{border-radius:10px;font-size:.875rem}.course-scroll .course-path-grid .r7k-carousel .level-panel{grid-template-columns:minmax(0,1fr);align-content:start}.course-scroll .course-path-grid .r7k-carousel .level-art{padding:20px}.course-scroll .course-path-grid .r7k-carousel .level-art img{width:auto;height:200px}.course-scroll .course-path-grid .r7k-carousel .level-copy{gap:16px;padding:24px}.course-scroll .course-path-grid .r7k-carousel .level-copy h3{font-size:1.5rem}.course-scroll .course-path-grid .r7k-carousel .level-copy>.eyebrow{font-size:.875rem}.r7k-carousel .level-more{width:100%;margin-top:8px}}
