@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.phone-input-group{position:relative;display:flex;overflow:hidden;background-color:#ffffff1a;transition:all .3s ease}.phone-input-group:hover,.phone-input-group:focus-within{background-color:#ffffff26}.phone-input-group:hover .country-code,.phone-input-group:focus-within .country-code{background-color:#ffffff1a}.country-code{position:relative;background-color:#ffffff0d;transition:all .3s ease;border-right:1px solid rgba(255,255,255,.2)}.phone-input{background:transparent;transition:all .3s ease}.phone-input:focus{background-color:#ffffff0d}button,input,.phone-input-group{transition:all .3s cubic-bezier(.4,0,.2,1)}.phone-input-group:focus-within{box-shadow:0 0 0 2px #ffffff4d}.otp-input{transition:all .3s ease}.otp-input:hover,.otp-input:focus{transform:scale(1.05);background-color:#ffffff26}.notification-container{position:fixed;top:20px;right:20px;z-index:1000;transform:translate(120%) scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.notification-show{transform:translate(0) scale(1)}.notification-hide{transform:translate(120%) scale(.9)}.notification-content{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 12px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:200px}.notification-icon{position:relative;width:20px;height:20px;background:#4ade801a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #4ade8033}.notification-dot{width:5px;height:5px;background:#4ade80;border-radius:50%;position:relative;box-shadow:0 0 8px #4ade8066}.notification-dot:after{content:"";position:absolute;width:100%;height:100%;background:#4ade80;border-radius:50%;animation:notification-dot-pulse 2s infinite}@keyframes notification-dot-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}.notification-text{flex:1}.notification-message{color:#1f2937;font-size:.8rem;margin-bottom:2px;font-weight:500;letter-spacing:-.01em}.notification-location{color:#6b7280;font-size:.7rem;display:flex;align-items:center;letter-spacing:-.01em}.notification-location svg{opacity:.7;stroke:#6b7280}@media (max-width: 640px){.notification-container{top:12px;right:12px}.notification-content{width:180px}}#root{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}