@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.animate-in{animation-fill-mode:both}.fade-in{animation:fadeIn 1s ease-out}.slide-in-from-top-4{animation:slideInFromTop 1s ease-out}.slide-in-from-right-8{animation:slideInFromRight 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-1rem)}to{transform:translateY(0)}}@keyframes slideInFromRight{0%{transform:translate(2rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{transform:translate(-200%)}to{transform:translate(200%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float-text{animation:floatText 5s ease-in-out infinite}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{animation:gradient-x 3s ease infinite}}.mobile-restriction-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#030712;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;color:#f3f4f6}.mobile-restriction-content{position:relative;z-index:10;max-width:480px;width:100%;text-align:center;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:2rem;padding:3rem 2rem;box-shadow:0 25px 50px -12px #00000080;animation:contentFadeIn .8s ease-out}.restriction-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 2.5rem;display:flex;align-items:center;justify-content:center}.monitor-icon-container{position:relative;z-index:2;background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:80px;height:80px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -5px #3b82f666}.monitor-icon{width:40px;height:40px;color:#fff;stroke-width:1.5}.lock-badge{position:absolute;bottom:-4px;right:-4px;background:#ef4444;width:32px;height:32px;border-radius:50%;border:3px solid #030712;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.lock-icon{width:14px;height:14px;color:#fff;stroke-width:2.5}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,#3b82f633,#3b82f600 70%);z-index:1;animation:pulseGlow 3s ease-in-out infinite}.restriction-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.025em}.restriction-title span{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.restriction-divider{width:40px;height:3px;background:linear-gradient(to right,#3b82f6,#8b5cf6);margin:0 auto 1.5rem;border-radius:2px}.restriction-description{font-size:1rem;line-height:1.7;color:#9ca3af;margin-bottom:2rem}.restriction-description strong{color:#f3f4f6;font-weight:600}.restriction-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.restriction-footer p{font-size:.875rem;color:#6b7280;font-style:italic}.background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.blob-1{top:-10%;right:-10%;width:50%;height:50%;background:#3b82f6;animation:float1 20s ease-in-out infinite}.blob-2{bottom:-10%;left:-10%;width:50%;height:50%;background:#8b5cf6;animation:float2 25s ease-in-out infinite}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes float1{0%,to{transform:translate(0)}33%{transform:translate(5%,10%)}66%{transform:translate(-5%,5%)}}@keyframes float2{0%,to{transform:translate(0)}33%{transform:translate(-5%,-10%)}66%{transform:translate(5%,-5%)}}@media(min-width:1024px){.mobile-restriction-overlay{display:none!important}}