@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #a855f7;--primary-dark: #9333ea;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--light: #f3f4f6;--dark: #1f2937;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#581c87,#0f172a);min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-strong{background:#ffffff26;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3)}.btn-gradient{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;color:#fff;font-weight:500;transition:all .2s ease;box-shadow:0 4px 15px #a855f74d}.btn-gradient:hover{background:linear-gradient(135deg,#9333ea,#2563eb);transform:translateY(-1px);box-shadow:0 8px 25px #a855f766}.btn-gradient:active{transform:translateY(0)}.btn-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .2s ease}.btn-glass:hover{background:#fff3;transform:translateY(-1px)}.input-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .2s ease}.input-glass::placeholder{color:#ffffff80}.input-glass:focus{background:#ffffff26;border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a;outline:none}.card-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.corner-fold{position:relative;overflow:visible}.corner-fold:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:20px solid transparent;border-bottom:20px solid rgba(255,255,255,.1);z-index:1}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideIn{animation:slideIn .4s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 640px){.card-glass{margin:1rem;border-radius:1.5rem}}@media (prefers-contrast: high){.glass{background:#fff3;border:2px solid rgba(255,255,255,.4)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.input{@apply px-4 py-3 rounded-2xl border-0 transition-all focus:outline-none;}.btn{@apply px-6 py-3 rounded-2xl font-medium transition-all focus:outline-none;}.btn-primary{@apply text-white focus:ring-2 focus:ring-purple-500/50;}.btn-secondary{@apply text-white focus:ring-2 focus:ring-white/50;}.card{@apply rounded-3xl transition-all;}.fade-in{animation:fadeIn .6s ease-out}.loader{@apply w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin;}.btn-outline{@apply border text-white/70 hover:text-white focus:ring-2 focus:ring-white/30;}.qr-code-container{@apply flex flex-col items-center justify-center space-y-4;}.auth-toggle{@apply flex justify-center mb-6 p-1 rounded-full;}