.floating-scene{position:relative;height:490px;min-width:0;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#dcecff85,transparent 67%)}
.float-card{position:absolute;border-radius:27px;box-shadow:0 28px 60px -30px #3c72b67a;border:1px solid #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:30px;display:flex;flex-direction:column;justify-content:space-between;animation:float-soft 7s ease-in-out infinite;transform:rotate(var(--tilt,0deg))}
.float-back{--tilt:11deg;width:265px;height:320px;top:56px;left:35px;background:linear-gradient(135deg,#dcecffb3,#eef6ffc9);color:#779ecf;animation-delay:-3s}.float-back>span,.social-back>span{font-size:12px;letter-spacing:2px}.float-back strong{font:700 43px/1.5 'Thmanyah Serif Display';margin-bottom:22px;color:#648dc6}
.float-main{--tilt:-9deg;top:123px;right:55px;width:300px;height:275px;background:linear-gradient(135deg,#ffffffed,#ffffffad);color:#1768ce}.float-eyebrow{font-size:14px;color:#738aa8}.float-main strong{font:700 74px/1.4 'Thmanyah Serif Display';letter-spacing:0;display:flex;align-items:center;gap:20px}.float-main strong>span{font:400 38px 'Thmanyah Sans';color:#7baff2}.float-rule{height:1px;background:#d4e4f6}.float-main small{font-size:14px;color:#6d83a0}
.float-pill{position:absolute;display:flex;align-items:center;gap:28px;padding:12px 22px;border:1px solid white;background:#ffffffdf;border-radius:100px;box-shadow:0 13px 35px -13px #769ac065;color:#3e638c;font-size:14px;animation:float-soft 8s ease-in-out infinite}.float-pill b{font:23px 'Thmanyah Sans';font-weight:400}.pill-one{--tilt:5deg;right:13px;top:73px;animation-delay:-4s}.pill-two{--tilt:-5deg;bottom:42px;left:42px;font-size:15px;letter-spacing:2px;animation-delay:-2s}.orbit-dot{position:absolute;width:13px;height:13px;border:3px solid #87b8ed;border-radius:50%;right:28px;bottom:70px}
.social-scene{height:360px;background:radial-gradient(ellipse at center,#ffffff6b,transparent 68%)}.social-back{--tilt:10deg;left:22px;top:18px;width:240px;height:260px;background:#9fc7fc85;border-color:#deedff;color:#3c78c6;animation-delay:-3s}.social-back strong{font:700 44px/1.4 'Thmanyah Serif Display'}.social-main{--tilt:-7deg;right:14px;top:87px;width:300px;height:209px;background:#ffffffe3}.social-main strong{font:700 41px/1.4 'Thmanyah Serif Display';display:flex;align-items:center;justify-content:space-between;color:#145cb7}.social-main strong>span{font:40px sans-serif}.social-tags{display:flex;gap:6px}.social-tags span{font-size:12px;padding:3px 9px;border-radius:40px;background:#eaf3ff;color:#52739e}.social-pill{--tilt:4deg;bottom:8px;left:18px;font-size:13px;animation-delay:-2s}
@keyframes float-soft{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--tilt,0deg) + 2deg))}}
@media(max-width:950px){.floating-scene{height:420px}.float-back{width:220px;height:270px;left:15px}.float-main{width:250px;height:240px;right:18px}.float-main strong{font-size:63px}.pill-one{right:0;top:48px}.pill-two{bottom:14px;left:17px}.social-scene{height:345px}.social-back{width:210px;height:240px;left:8px}.social-main{width:250px;height:199px;right:0}.social-main strong{font-size:35px}.social-main,.social-back{padding:23px}.social-pill{left:0;bottom:2px}}
@media(max-width:620px){.floating-scene{height:385px;margin-top:16px;max-width:410px;width:100%;justify-self:center}.float-back{width:220px;height:270px;top:35px;left:15px}.float-main{top:95px;right:15px;width:250px;height:235px;padding:25px}.pill-one{top:16px;right:0;font-size:13px;padding:10px 18px}.pill-two{bottom:6px;left:15px;font-size:13px}.orbit-dot{right:7px;bottom:30px}.social-scene{height:330px;margin-top:22px}.social-back{left:0;top:10px;width:210px;height:235px}.social-main{right:0;top:78px;width:245px;height:198px}.social-pill{bottom:0;left:8px;padding:10px 16px;font-size:12px}.social-tags{gap:4px}.social-tags span{padding:3px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.float-card,.float-pill{animation:none}}