:root{--ink: #0f1419;--ink-soft: #24303a;--coral: #ff5a3d;--coral-deep: #e2442a;--mint: #d9f2ea;--mint-deep: #2bb7a0;--blush: #ffe4d8;--fog: #f3f6f5;--line: rgba(15, 20, 25, .12);--shadow: 0 18px 48px rgba(15, 20, 25, .08);--shadow-lift: 0 28px 64px rgba(15, 20, 25, .14);--display: "Syne", "Segoe UI", sans-serif;--body: "DM Sans", "Segoe UI", sans-serif;--radius: 16px;--atmosphere: linear-gradient(135deg, #ffe4d8 0%, #f3f6f5 42%, #d9f2ea 100%)}html,body,#root{min-height:100%}body{font-family:var(--body);background:var(--fog);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:#ff5a3d38;color:var(--ink)}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes float-y{0%,to{transform:translateZ(0) rotateX(12deg) rotateY(-18deg) rotate(2deg)}50%{transform:translate3d(0,-16px,0) rotateX(9deg) rotateY(-12deg) rotate(1deg)}}@keyframes plane-drift{0%,to{transform:translateZ(40px) rotateX(18deg) rotateY(24deg)}50%{transform:translate3d(10px,-12px,70px) rotateX(12deg) rotateY(18deg)}}@keyframes glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes shimmer-x{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero-rise{animation:rise-in .7s cubic-bezier(.22,1,.36,1) both}.hero-rise-delay{animation:rise-in .8s cubic-bezier(.22,1,.36,1) .12s both}.hero-rise-delay-2{animation:rise-in .85s cubic-bezier(.22,1,.36,1) .22s both}.hero-rise-delay-3{animation:rise-in .9s cubic-bezier(.22,1,.36,1) .32s both}.stage-3d{perspective:1600px;transform-style:preserve-3d}.stage-phone{transform-style:preserve-3d;animation:float-y 7s ease-in-out infinite;will-change:transform}.stage-card{transform-style:preserve-3d;animation:plane-drift 8s ease-in-out infinite;will-change:transform}.stage-glow{animation:glow-pulse 6s ease-in-out infinite;will-change:transform,opacity}.surface-app{background:radial-gradient(circle at 8% 0%,rgba(255,90,61,.08),transparent 32%),radial-gradient(circle at 92% 8%,rgba(43,183,160,.1),transparent 30%),var(--fog);min-height:100%}.surface-desk{background:radial-gradient(circle at 100% 0%,rgba(255,90,61,.07),transparent 28%),linear-gradient(180deg,#f7faf9,#f3f6f5);min-height:100%}.ui-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-card{border-radius:18px!important;border:1px solid var(--line)!important;background:#fffffff0!important;box-shadow:0 10px 28px #0f14190a;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.match-card:hover{box-shadow:var(--shadow-lift);border-color:#ff5a3d47!important;transform:translateY(-2px)}.match-card-highlight{border-color:#ff5a3d8c!important;box-shadow:0 16px 40px #ff5a3d24!important;background:linear-gradient(135deg,#ff5a3d0f,#2bb7a00f),#fff!important}.nav-brand{font-family:var(--display);font-weight:800;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.cta-shimmer{background-image:linear-gradient(110deg,var(--coral) 0%,#ff7a55 40%,var(--coral-deep) 80%);background-size:200% 100%;animation:shimmer-x 4.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hero-rise,.hero-rise-delay,.hero-rise-delay-2,.hero-rise-delay-3,.stage-phone,.stage-card,.stage-glow,.cta-shimmer,.match-card:hover{animation:none!important;transform:none!important}}