:root{--bg-main: #0f172a;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--text-primary: #1e293b;--text-muted: #64748b;--theme-primary: #2563eb;--theme-header: #2563eb;--theme-accent: #3b82f6;--theme-border: #e2e8f0}[data-theme=dark]{--bg-main: #0f172a;--bg-card: #1e293b;--bg-card-rgb: 30, 41, 59;--text-primary: #f1f5f9;--text-muted: #94a3b8;--theme-primary: #2563eb;--theme-header: #212936;--theme-accent: #10b981;--theme-border: #334155}[data-theme=meadow]{--bg-main: #042f2e;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--text-primary: #042f2e;--text-muted: #115e59;--theme-primary: #0d9488;--theme-header: #0d9488;--theme-accent: #0f766e;--theme-border: #ccfbf1}[data-theme=galaxy]{--bg-main: #2e1065;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--text-primary: #2e1065;--text-muted: #6d28d9;--theme-primary: #7c3aed;--theme-header: #7c3aed;--theme-accent: #4c1d95;--theme-border: #f5f3ff}[data-theme=sunset]{--bg-main: #450a0a;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--text-primary: #450a0a;--text-muted: #be123c;--theme-primary: #e11d48;--theme-header: #e11d48;--theme-accent: #9f1239;--theme-border: #ffe4e6}[data-theme=midnight]{--bg-main: #020617;--bg-card: #0f172a;--bg-card-rgb: 15, 23, 42;--text-primary: #f8fafc;--text-muted: #94a3b8;--theme-primary: #0ea5e9;--theme-header: #020617;--theme-accent: #38bdf8;--theme-border: #1e293b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@tailwind base;@tailwind components;@tailwind utilities;[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);padding:6px 12px;background-color:#0f172af2;color:#fff;font-size:11px;font-weight:600;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(255,255,255,.1)}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dark [data-tooltip]:before{background-color:#1e293b;border:1px solid rgba(71,85,105,.5)}[data-tooltip-pos=top-right]:before{bottom:125%;top:auto;left:auto;right:0;transform:translate(0) translateY(10px)}[data-tooltip-pos=top-right]:hover:before{transform:translate(0) translateY(0)}[data-tooltip-pos=top-left]:before{bottom:125%;top:auto;left:0;transform:translate(0) translateY(10px)}[data-tooltip-pos=top-left]:hover:before{transform:translate(0) translateY(0)}[data-tooltip-pos=bottom]:before{top:125%;bottom:auto}[data-tooltip-pos=bottom-right]:before{top:125%;bottom:auto;left:auto;right:0;transform:translateY(10px)}[data-tooltip-pos=bottom-right]:hover:before{transform:translateY(0)}[data-tooltip-pos=left]:before{right:125%;left:auto;top:50%;transform:translateY(-50%) translate(10px)}[data-tooltip-pos=left]:hover:before{transform:translateY(-50%) translate(0)}[data-tooltip-pos=right]:before{left:125%;right:auto;top:50%;transform:translateY(-50%) translate(-10px)}[data-tooltip-pos=right]:hover:before{transform:translateY(-50%) translate(0)}.logo-container{perspective:1000px}.logo-inner{position:relative;width:100%;height:100%;text-align:center;transform-style:preserve-3d}.logo-front,.logo-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.logo-back{transform:rotateY(180deg)}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation-duration:.5s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}.slide-in-from-top-full{animation-name:slideInFromTop}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-slow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(-10deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 7s ease-in-out infinite}