body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.6;}.bg-gradient-to-br{background-image:linear-gradient(to right bottom, rgb(245, 243, 255), rgb(238, 242, 255));}.bg-gradient-to-r{background-image:linear-gradient(90deg, rgb(139, 92, 246), rgb(99, 102, 241));}.qr-container{perspective:1000px;}.qr-card{transform-style:preserve-3d;transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:transform;}.qr-card:hover{transform:translateY(-5px);}.floating{animation-duration:3s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:floating;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-float{animation-duration:3s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-shine{background-image:linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.8) 50%, transparent 70%);background-position-x:initial;background-position-y:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-color:initial;background-size:200% 100%;background-clip:text;animation-duration:3s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:shine;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.mask-text{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"black\"/><circle cx=\"20\" cy=\"20\" r=\"5\" fill=\"white\"/><circle cx=\"50\" cy=\"50\" r=\"8\" fill=\"white\"/><circle cx=\"80\" cy=\"30\" r=\"6\" fill=\"white\"/></svg>");background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-color:initial;background-clip:text;-webkit-text-fill-color:transparent;}.outline-text{position:relative;color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:rgb(139, 92, 246);}.outline-text::after{content:attr(data-text);position:absolute;top:0px;left:0px;width:0px;height:100%;color:rgb(139, 92, 246);overflow-x:hidden;overflow-y:hidden;transition-behavior:normal;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-property:width;}.outline-text:hover::after{width:100%;}.glow-border{box-shadow:rgba(139, 92, 246, 0.5) 0px 0px 15px;}.pulse-glow{animation-duration:2s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:none;animation-play-state:running;animation-name:pulse-glow;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}#heroCanvas{position:absolute;top:0px;left:0px;width:100%;height:100%;pointer-events:none;}@keyframes floating{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-10px);}}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes shine{0%{background-position-x:-200%;background-position-y:50%;}100%{background-position-x:200%;background-position-y:50%;}}@keyframes pulse-glow{0%{box-shadow:rgba(139, 92, 246, 0.3) 0px 0px 10px;}100%{box-shadow:rgba(139, 92, 246, 0.7) 0px 0px 20px;}}@media (min-width: 641px){.grid-cols-4{grid-template-columns:repeat(4, minmax(0px, 1fr));}}@media (max-width: 640px){.max-w-4xl{max-width:100%;margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem;}.p-8{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;}.text-6xl{font-size:2.5rem;}.text-3xl{font-size:1.5rem;}.grid-cols-2{grid-template-columns:repeat(2, minmax(0px, 1fr));}.grid-cols-4{grid-template-columns:repeat(2, minmax(0px, 1fr));}}