:root{--ink: #3b2418;--ink-soft: #5c4030;--coral: #8b1e2d;--coral-deep: #6f1522;--gold: #c59d3f;--gold-soft: #e2c57a;--mint: #fff1e4;--mint-deep: #c59d3f;--blush: #fce8d8;--fog: #fff8f2;--line: rgba(59, 36, 24, .14);--shadow: 0 18px 48px rgba(59, 36, 24, .1);--shadow-lift: 0 28px 64px rgba(59, 36, 24, .16);--display: "Syne", "Segoe UI", sans-serif;--body: "DM Sans", "Segoe UI", sans-serif;--radius: 16px;--atmosphere: linear-gradient(135deg, #fff1e4 0%, #fff8f2 45%, #f7e7d2 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:#8b1e2d2e;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(139,30,45,.08),transparent 32%),radial-gradient(circle at 92% 8%,rgba(197,157,63,.14),transparent 30%),var(--fog);min-height:100%}.surface-desk{background:radial-gradient(circle at 100% 0%,rgba(139,30,45,.07),transparent 28%),linear-gradient(180deg,#fffaf5,#fff8f2);min-height:100%}.ui-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;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:#fffffff5!important;box-shadow:0 10px 28px #3b24180d;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.match-card:hover{box-shadow:var(--shadow-lift);border-color:#8b1e2d4d!important;transform:translateY(-2px)}.match-card-highlight{border-color:#c59d3fa6!important;box-shadow:0 16px 40px #8b1e2d1f!important;background:linear-gradient(135deg,#8b1e2d0d,#c59d3f14),#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%,#a5283a 40%,var(--coral-deep) 80%);background-size:200% 100%;animation:shimmer-x 4.5s ease-in-out infinite}@media(max-width:599px){.stage-card{right:-24px!important;width:120px!important}.stage-phone{max-width:min(260px,78vw)}}@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}}