.glass-panel{-webkit-backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #fff9}.primary-gradient{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%)}.text-primary-gradient{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.pink-pastel-gradient{background:linear-gradient(135deg,#fff1f2 0%,#fce7f3 100%)}.abstract-bg{background-blend-mode:normal,normal,normal,normal,overlay;background-color:#f0f7ff;background-image:radial-gradient(circle at 0 0,#3b82f680 0%,#0000 50%),radial-gradient(circle at 100% 0,#60a5fa66 0%,#0000 50%),radial-gradient(circle at 100% 100%,#fce7f380 0%,#0000 50%),radial-gradient(circle at 0 100%,#2563eb4d 0%,#0000 50%),url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop);background-position:50%;background-repeat:no-repeat;background-size:cover,cover,cover,cover,cover;background-attachment:fixed}.cards-scene{perspective:2500px;width:100%;height:100%;min-height:500px;position:relative}.sway-assembly{width:100%;height:100%;transform-style:preserve-3d;transform-origin:top;animation:8s ease-in-out infinite alternate sway;position:absolute}@keyframes sway{0%{transform:rotate(-3deg)translateY(-10px)}to{transform:rotate(3deg)translateY(10px)}}.central-hub{z-index:100;background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-top:-35px;margin-left:-35px;animation:40s cubic-bezier(.34,1.56,.64,1) infinite hub-anim;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 30px #3b82f699,inset 0 0 10px #ffffff80}@keyframes hub-anim{0%,26%{opacity:0;transform:scale(0)}30%,90%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(0)}}.flashcard{width:320px;height:200px;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;transform-origin:50%;border:1px solid #fff6;border-radius:24px;margin-top:-100px;margin-left:-160px;padding:24px;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px -15px #0000004d}.radial-line{transform-origin:bottom;opacity:0;z-index:5;background:linear-gradient(#60a5fa4d,#2563eb);width:2px;margin-left:-1px;position:absolute;bottom:50%;left:50%}.line-1{animation:40s cubic-bezier(.34,1.56,.64,1) infinite l-1}.line-2{animation:40s cubic-bezier(.34,1.56,.64,1) infinite l-2}.line-3{animation:40s cubic-bezier(.34,1.56,.64,1) infinite l-3}.line-4{animation:40s cubic-bezier(.34,1.56,.64,1) infinite l-4}.line-5{animation:40s cubic-bezier(.34,1.56,.64,1) infinite l-5}.line-6{animation:40s cubic-bezier(.34,1.56,.64,1) infinite l-6}@keyframes l-1{0%,27.5%{opacity:0;height:0;transform:rotate(300deg)}32.5%,90%{opacity:.8;height:220px;transform:rotate(300deg)}95%,to{opacity:0;height:0;transform:rotate(300deg)}}@keyframes l-2{0%,27.5%{opacity:0;height:0;transform:rotate(240deg)}32.5%,90%{opacity:.8;height:220px;transform:rotate(240deg)}95%,to{opacity:0;height:0;transform:rotate(240deg)}}@keyframes l-3{0%,27.5%{opacity:0;height:0;transform:rotate(180deg)}32.5%,90%{opacity:.8;height:220px;transform:rotate(180deg)}95%,to{opacity:0;height:0;transform:rotate(180deg)}}@keyframes l-4{0%,27.5%{opacity:0;height:0;transform:rotate(120deg)}32.5%,90%{opacity:.8;height:220px;transform:rotate(120deg)}95%,to{opacity:0;height:0;transform:rotate(120deg)}}@keyframes l-5{0%,27.5%{opacity:0;height:0;transform:rotate(60deg)}32.5%,90%{opacity:.8;height:220px;transform:rotate(60deg)}95%,to{opacity:0;height:0;transform:rotate(60deg)}}@keyframes l-6{0%,27.5%{opacity:0;height:0;transform:rotate(0)}32.5%,90%{opacity:.8;height:220px;transform:rotate(0)}95%,to{opacity:0;height:0;transform:rotate(0)}}.card-anim-1{z-index:10;animation:40s cubic-bezier(.34,1.56,.64,1) infinite flow-1}@keyframes flow-1{0%{opacity:0;transform:translate3d(-500px,-500px,-200px)rotateX(45deg)}6%,27.5%{opacity:1;transform:translate(-50px,-130px)rotate(-6deg)scale(1)}32.5%,90%{opacity:1;transform:translate(-190px,-110px)rotate(0)scale(.55)}95%,to{opacity:0;transform:translate3d(-500px,-500px,-200px)rotateX(-45deg)}}.card-anim-2{z-index:20;animation:40s cubic-bezier(.34,1.56,.64,1) infinite flow-2}@keyframes flow-2{0%,3%{opacity:0;transform:translate3d(500px,-500px,200px)rotateY(45deg)}11%,27.5%{opacity:1;transform:translate3d(-40px,-110px,40px)rotate(-3deg)scale(1)}32.5%,90%{opacity:1;transform:translate3d(-190px,110px,40px)rotate(0)scale(.55)}95%,to{opacity:0;transform:translate3d(500px,-500px,200px)rotateY(-45deg)}}.card-anim-3{z-index:30;animation:40s cubic-bezier(.34,1.56,.64,1) infinite flow-3}@keyframes flow-3{0%,6%{opacity:0;transform:translate3d(-500px,400px,100px)rotateX(-45deg)}16%,27.5%{opacity:1;transform:translate3d(-30px,-90px,80px)rotate(0)scale(1)}32.5%,90%{opacity:1;transform:translate3d(0,220px,80px)rotate(0)scale(.55)}95%,to{opacity:0;transform:translate3d(-500px,400px,100px)rotateX(45deg)}}.card-anim-4{z-index:40;animation:40s cubic-bezier(.34,1.56,.64,1) infinite flow-4}@keyframes flow-4{0%,9%{opacity:0;transform:translate3d(500px,400px,50px)rotateY(-45deg)}20%,27.5%{opacity:1;transform:translate3d(-20px,-70px,120px)rotate(1deg)scale(1)}32.5%,90%{opacity:1;transform:translate3d(190px,110px,120px)rotate(0)scale(.55)}95%,to{opacity:0;transform:translate3d(500px,400px,50px)rotateY(45deg)}}.card-anim-5{z-index:50;animation:40s cubic-bezier(.34,1.56,.64,1) infinite flow-5}@keyframes flow-5{0%,12%{opacity:0;transform:translate3d(0,-700px,100px)rotateX(90deg)}24%,27.5%{opacity:1;transform:translate3d(-10px,-50px,160px)rotate(3deg)scale(1)}32.5%,90%{opacity:1;transform:translate3d(190px,-110px,160px)rotate(0)scale(.55)}95%,to{opacity:0;transform:translate3d(0,-700px,100px)rotateX(-90deg)}}.card-anim-6{z-index:60;animation:40s cubic-bezier(.34,1.56,.64,1) infinite flow-6}@keyframes flow-6{0%,15%{opacity:0;transform:translate3d(0,700px,-50px)rotateX(-90deg)}27%,27.5%{opacity:1;transform:translate3d(0,-30px,200px)rotate(5deg)scale(1)}32.5%,90%{opacity:1;transform:translate3d(0,-220px,200px)rotate(0)scale(.55)}95%,to{opacity:0;transform:translate3d(0,700px,-50px)rotateX(90deg)}}.particle{filter:blur(40px);opacity:.15;z-index:-1;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,100px)scale(1.5)}}@media (prefers-reduced-motion:reduce){.sway-assembly,.central-hub,.radial-line,.flashcard,.particle{transition-duration:.01ms!important;animation:none!important}.cards-scene{perspective:none;min-height:auto}.sway-assembly{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid;position:static;transform:none}.central-hub{opacity:1;grid-column:1/-1;margin:0 auto;position:static;transform:none}.radial-line,.particle{display:none}.flashcard{opacity:1;width:auto;height:180px;margin:0;position:relative;inset:auto;transform:none}}