@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-surface:#fff9;--bg-surface-hover:#fffc;--border-subtle:#0f172a1a;--border-glow:#f59e0b4d;--text-primary:#0f172a;--text-secondary:#475569;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-indigo:#6366f1;--accent-green:#10b981;--accent-cyan:#06b6d4;--glass-blur:blur(20px);--shadow-glow:0 0 40px #f59e0b26;--shadow-rose:0 0 40px #f43f5e26;--shadow-card:0 8px 32px #0000001a;--gradient-creative:linear-gradient(135deg, #f59e0b, #f43f5e);--gradient-cool:linear-gradient(135deg, #6366f1, #06b6d4)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#f59e0b0f 0%,#0000 50%),radial-gradient(at 80% 20%,#f43f5e0d 0%,#0000 50%),radial-gradient(at 50% 80%,#6366f10a 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite alternate bgShift;position:fixed;top:0;left:0}@keyframes bgShift{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orbPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes orbRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveform{0%,to{height:8px}50%{height:32px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@keyframes paintStroke{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.flip-card{perspective:1000px;cursor:pointer}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:20px;width:100%;height:100%;position:absolute;overflow:hidden}.flip-card-back{transform:rotateY(180deg)}.masonry-grid{columns:2;column-gap:16px}@media (width>=768px){.masonry-grid{columns:3;column-gap:20px}}@media (width>=1200px){.masonry-grid{columns:4;column-gap:24px}}.masonry-item{break-inside:avoid;margin-bottom:16px}@media (width>=768px){.masonry-item{margin-bottom:20px}}.animate-fade-in{animation:.5s ease-out forwards fadeInUp}.animate-slide-in{animation:.4s ease-out forwards slideIn}.shimmer{background:linear-gradient(90deg,#94a3b80d 25%,#94a3b81a 50%,#94a3b80d 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}::selection{color:#0f172a;background:#f59e0b4d}