.demo-module__RMWswW__page{color:#eaf4ff;background:radial-gradient(1200px 820px at 24% 20%,#1669918c 0%,#08182959 40%,#05070cf2 70%),linear-gradient(135deg,#05060d 0%,#090d18 45%,#03040c 100%);min-height:100vh;padding:72px 28px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.demo-module__RMWswW__page:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#add8ff26 1px,#0000 1px),radial-gradient(#add8ff1a 1px,#0000 1px);background-position:0 0,45px 65px;background-size:90px 90px,140px 140px;position:absolute;inset:0}.demo-module__RMWswW__container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.demo-module__RMWswW__header{text-align:center;margin-bottom:48px}.demo-module__RMWswW__title{letter-spacing:.4px;color:#f8fbff;margin-bottom:14px;font-size:clamp(32px,6vw,42px);font-weight:700}.demo-module__RMWswW__subtitle{color:#d6e7ffc7;font-size:clamp(15px,4.4vw,17px);line-height:1.7}.demo-module__RMWswW__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));place-items:stretch center;gap:24px;max-width:1200px;margin:0 auto;display:grid}.demo-module__RMWswW__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#131c2de0,#0a0e18eb);border:1px solid #3c5e7873;border-radius:24px;flex-direction:column;gap:clamp(20px,4vw,28px);width:100%;max-width:400px;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 28px 64px #03060e8c}.demo-module__RMWswW__details{text-align:center;flex-direction:column;order:2;gap:clamp(16px,3vw,20px);display:flex}.demo-module__RMWswW__cardHeader{text-align:center}.demo-module__RMWswW__cardTitle{margin-bottom:4px;font-size:clamp(20px,4.5vw,24px);font-weight:600}.demo-module__RMWswW__cardSubtitle{color:#b2d0ebd1;font-size:clamp(14px,3.2vw,16px);line-height:1.6}.demo-module__RMWswW__media{order:1;justify-content:center;display:flex}.demo-module__RMWswW__mediaComposite{background:#172031b8;border:1px solid #354b6680;border-radius:22px;flex-direction:column;gap:clamp(12px,3.6vw,18px);width:100%;padding:clamp(16px,4.2vw,20px);transition:transform .4s,box-shadow .4s;display:flex;box-shadow:inset 0 0 0 1px #0c142059,0 20px 40px #060c186b}.demo-module__RMWswW__mediaComposite:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #254a6e61,0 34px 72px #0a12228c}.demo-module__RMWswW__mediaFrame{aspect-ratio:16/9;background:radial-gradient(200px 280px at 20% 18%,#2f74bd73,#0000 60%),#0e1524eb;border:1px solid #4c73948c;border-radius:16px;width:100%;min-height:clamp(180px,40vw,280px);position:relative;overflow:hidden;box-shadow:0 20px 40px #0509128c}.demo-module__RMWswW__mediaLayer{transition:transform .6s cubic-bezier(.22,.61,.36,1),clip-path .6s cubic-bezier(.22,.61,.36,1),opacity .6s;position:absolute;inset:0}.demo-module__RMWswW__mediaLayerOriginal{clip-path:inset(0 50% 0 0);z-index:1}.demo-module__RMWswW__mediaLayerAvatar{clip-path:inset(0 0 0 50%);z-index:2}.demo-module__RMWswW__mediaComposite:hover .demo-module__RMWswW__mediaLayerOriginal{clip-path:inset(0 65% 0 0);opacity:.9;transform:translate(-3%)}.demo-module__RMWswW__mediaComposite:hover .demo-module__RMWswW__mediaLayerAvatar{clip-path:inset(0 0 0 35%);transform:translate(3%)}.demo-module__RMWswW__mediaBadge{letter-spacing:.28px;text-transform:uppercase;color:#eaf7ff;pointer-events:none;background:#1f9bcca6;border:1px solid #4dbbf173;border-radius:999px;padding:4px 14px;font-size:clamp(10px,3vw,12px);position:absolute;top:16px;box-shadow:0 8px 18px #09385c59}.demo-module__RMWswW__mediaBadgeOriginal{left:16px}.demo-module__RMWswW__mediaBadgeAvatar{background:#6087ffad;border-color:#80a6ff80;right:16px;box-shadow:0 8px 18px #304aa059}.demo-module__RMWswW__mediaLabel{color:#b2d0ebc7;text-align:center;letter-spacing:.3px;font-size:clamp(12px,3.2vw,13px)}.demo-module__RMWswW__actions{justify-content:center;margin-top:auto;display:flex}.demo-module__RMWswW__tryButton{color:#fff;letter-spacing:.2px;text-transform:uppercase;background:linear-gradient(135deg,#2ed0ff 0%,#0ea5e9 40%,#0f6ee2 100%);border:1px solid #2cc5ff73;border-radius:999px;justify-content:center;align-items:center;min-width:clamp(150px,42vw,170px);padding:clamp(12px,3.6vw,13px) clamp(20px,5.2vw,26px);font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 32px #0f9be659}.demo-module__RMWswW__tryButton:hover{transform:translateY(-1px);box-shadow:0 24px 36px #0f9be673}.demo-module__RMWswW__tryButton:active{transform:translateY(0);box-shadow:0 8px 20px #0f9be666}@media (min-width:768px){.demo-module__RMWswW__grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.demo-module__RMWswW__card{max-width:450px}}@media (min-width:1024px){.demo-module__RMWswW__grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px}.demo-module__RMWswW__card{max-width:500px}}@media (max-width:767px){.demo-module__RMWswW__page{padding:48px 16px 40px}.demo-module__RMWswW__grid{gap:20px}.demo-module__RMWswW__card{gap:clamp(16px,3vw,20px);padding:clamp(16px,4vw,24px)}.demo-module__RMWswW__mediaFrame{min-height:clamp(160px,50vw,220px)}.demo-module__RMWswW__tryButton{min-width:clamp(140px,50vw,160px);padding:clamp(10px,3vw,12px) clamp(18px,4vw,24px)}}@media (max-width:480px){.demo-module__RMWswW__page{padding:40px 12px 32px}.demo-module__RMWswW__header{margin-bottom:32px}.demo-module__RMWswW__title{font-size:clamp(24px,8vw,32px)}.demo-module__RMWswW__subtitle{font-size:clamp(14px,4vw,16px)}.demo-module__RMWswW__grid{gap:16px}.demo-module__RMWswW__card{gap:clamp(14px,2.5vw,18px);padding:clamp(14px,3vw,20px)}.demo-module__RMWswW__mediaFrame{min-height:clamp(140px,45vw,180px)}.demo-module__RMWswW__tryButton{min-width:clamp(120px,45vw,150px);font-size:clamp(12px,3vw,14px)}}