@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html{font-size:16px}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}.fade-out{opacity:0;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.fade-in{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.hidden{display:none}.bg-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed}@media (max-width: 768px){.bg-pattern{background-attachment:local;background-size:40px 40px}}.pulse{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){.pulse{animation:none}}@keyframes pulse{0%{transform:scale(.98);box-shadow:0 0 #8b5cf6b3}70%{transform:scale(1);box-shadow:0 0 0 10px #8b5cf600}to{transform:scale(.98);box-shadow:0 0 #8b5cf600}}.touch-manipulation{touch-action:manipulation}input:focus,select:focus,button:focus{outline:2px solid rgba(139,92,246,.5);outline-offset:2px}.otp-input{-webkit-appearance:none;-moz-appearance:textfield}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input.success{animation:success-pulse .3s ease-out}.otp-input.error{animation:error-shake .5s ease-out}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 480px){button{min-height:48px}}.spinner-fade-in{animation:fade-in-scale .2s ease-out}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@supports (backdrop-filter: blur(10px)){.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.device-animation{animation:float-device 3s ease-in-out infinite;transform-origin:center center}@keyframes float-device{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-12px) scale(1.03)}75%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.device-animation{animation:none}}@media (min-width: 1024px){.device-animation{animation-duration:5s}}.group:hover .group-hover\:translate-x-1{transform:translate(.25rem)}button:focus-visible,a:focus-visible{outline:2px solid rgb(139 92 246 / .8);outline-offset:2px;border-radius:.5rem}@media (max-width: 768px){button,a[role=button]{min-height:44px;min-width:44px}}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.text-balance{text-wrap:balance}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:pulse-slow 2s cubic-bezier(.4,0,.6,1) infinite}.container-responsive{max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-responsive{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.container-responsive{max-width:768px;padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.container-responsive{max-width:1024px}}@media (min-width: 1280px){.container-responsive{max-width:1280px}}@media (min-width: 1536px){.container-responsive{max-width:1536px}}.card-hover{transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,border-color}.card-hover:hover{transform:translateY(-2px);box-shadow:0 25px 50px #00000026,0 0 0 1px #8b5cf633,0 0 40px #8b5cf61a}.device-animation{animation:float-device-enhanced 4s ease-in-out infinite;transform-origin:center center;will-change:transform}@keyframes float-device-enhanced{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-12px) scale(1.03)}75%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(0) scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:2px solid rgb(139 92 246);outline-offset:2px;border-radius:.5rem}@media (max-width: 480px){.device-animation{animation-duration:3s}}@media (min-width: 640px){.device-animation{animation-duration:4s}}@media (min-width: 1024px){.device-animation{animation-duration:5s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 35px 70px #0003,0 0 0 1px #8b5cf64d,0 0 60px #8b5cf626}}.button-primary{background:linear-gradient(135deg,#7c3aed,#3730a3);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform,box-shadow}.button-primary:hover{background:linear-gradient(135deg,#6d28d9,#312e81);transform:translateY(-1px) scale(1.02);box-shadow:0 10px 25px #7c3aed4d}.button-primary:active{transform:translateY(0) scale(.98);box-shadow:0 5px 15px #7c3aed33}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media print{.device-animation,.animate-ping,.animate-pulse,.animate-pulse-slow{animation:none!important}.bg-pattern{background-image:none!important}}@media (prefers-contrast: high){.text-gray-400{color:#d1d5db}.text-gray-500{color:#9ca3af}.border-gray-700\/50{border-color:#374151}}.text-responsive-xs{font-size:clamp(.75rem,2vw,.875rem)}.text-responsive-sm{font-size:clamp(.875rem,2.5vw,1rem)}.text-responsive-base{font-size:clamp(1rem,3vw,1.125rem)}.text-responsive-lg{font-size:clamp(1.125rem,3.5vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,4vw,1.5rem)}.text-responsive-2xl{font-size:clamp(1.5rem,5vw,2rem)}.text-responsive-3xl{font-size:clamp(1.875rem,6vw,2.5rem)}.text-responsive-4xl{font-size:clamp(2.25rem,7vw,3rem)}.text-responsive-5xl{font-size:clamp(3rem,8vw,4rem)}.focus-ring{transition:box-shadow .2s ease-in-out}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5cf680}@media (max-width: 768px){.touch-target{min-height:44px;min-width:44px;padding:.75rem}button,a[role=button],.clickable{min-height:48px;touch-action:manipulation}}@media (max-width: 480px){.backdrop-blur-sm,.backdrop-blur-md{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#1f2937f2}.bg-gray-800\/90,.bg-gray-800\/95{background-color:#1f2937f2}.device-animation{animation-duration:2s}}@media (prefers-contrast: high){.text-gray-300{color:#e5e7eb}.text-gray-400{color:#d1d5db}.text-gray-500{color:#9ca3af}.border-gray-700\/50{border-color:#4b5563}.bg-purple-500\/20{background-color:#8b5cf64d}}@media (prefers-reduced-motion: reduce){.device-animation,.animate-ping,.animate-pulse,.animate-pulse-slow{animation:none!important}.transition-all,.transition-transform,.transition-colors{transition:none!important}.card-hover:hover,button:hover{transform:none!important}}@media print{.device-animation,.animate-ping,.animate-pulse,.animate-pulse-slow,.card-hover{animation:none!important;transform:none!important}.bg-pattern,.backdrop-blur-sm,.backdrop-blur-md{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.text-white{color:#000!important}.text-gray-300,.text-gray-400{color:#4b5563!important}}.interactive-element{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none}.interactive-element:hover{transform:translateY(-1px)}.interactive-element:active{transform:translateY(0) scale(.98)}.btn-enhanced{position:relative;overflow:hidden;isolation:isolate}.btn-enhanced:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%) skew(-15deg);transition:transform .6s ease}.btn-enhanced:hover:before{transform:translate(100%) skew(-15deg)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.ripple:active:after{width:200px;height:200px}.loading-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:200% 100%;animation:shimmer 2s infinite ease-in-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (min-width: 768px) and (max-width: 1023px){.card-hover{transform:none;transition:box-shadow .3s ease}.card-hover:hover{transform:none;box-shadow:0 15px 35px #0000001a}.touch-target{min-height:40px;min-width:40px}}@media (min-width: 1440px){.device-animation{animation-duration:6s}.card-hover:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 45px 90px #00000040,0 0 0 1px #8b5cf666,0 0 80px #8b5cf633}}@media (min-width: 1920px){.container-responsive{max-width:1920px}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--accent-purple: #8b5cf6;--accent-indigo: #6366f1}}.keyboard-navigable:focus-visible{outline:3px solid var(--accent-purple, #8b5cf6);outline-offset:2px;border-radius:.5rem}.text-high-contrast{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-medium-contrast{color:#e5e7eb;text-shadow:0 1px 1px rgba(0,0,0,.3)}.viewport-fit{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.viewport-fit-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.space-compact-y>*+*{margin-top:.5rem}@media (min-width: 640px){.space-compact-y>*+*{margin-top:.75rem}}@media (min-width: 768px){.space-compact-y>*+*{margin-top:1rem}}.auth-container{padding:.5rem;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 640px){.auth-container{padding:.75rem}}@media (min-width: 768px){.auth-container{padding:1rem}}.device-animation{animation:float-device-compact 3s ease-in-out infinite;transform-origin:center center;will-change:transform}@keyframes float-device-compact{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-4px) scale(1.01)}50%{transform:translateY(-6px) scale(1.02)}75%{transform:translateY(-4px) scale(1.01)}to{transform:translateY(0) scale(1)}}@media (max-width: 480px){.device-animation{animation-duration:2.5s}}@media (min-width: 640px){.device-animation{animation-duration:3s}}@media (min-width: 768px){.device-animation{animation-duration:3.5s}}@supports (height: 100dvh){.viewport-fit{height:100dvh;max-height:100dvh}}@supports (-webkit-touch-callout: none){.viewport-fit{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media (max-width: 768px){input[type=tel],input[type=number],input[type=text],select{font-size:16px}}.compact-card{padding:.75rem}@media (min-width: 640px){.compact-card{padding:1rem}}@media (min-width: 768px){.compact-card{padding:1.25rem}}.text-compact-xs{font-size:.625rem;line-height:.875rem}.text-compact-sm{font-size:.75rem;line-height:1rem}.text-compact-base{font-size:.875rem;line-height:1.25rem}.text-compact-lg{font-size:1rem;line-height:1.5rem}.text-compact-xl{font-size:1.125rem;line-height:1.75rem}@media (min-width: 640px){.text-compact-xs{font-size:.75rem;line-height:1rem}.text-compact-sm{font-size:.875rem;line-height:1.25rem}.text-compact-base{font-size:1rem;line-height:1.5rem}.text-compact-lg{font-size:1.125rem;line-height:1.75rem}.text-compact-xl{font-size:1.25rem;line-height:1.75rem}}