body{margin:0;background:#f0f2f5;font-family:system-ui,sans-serif}.app-container{max-width:960px;margin:auto}.main-nav{display:flex;gap:20px;padding:16px;background:#fff;border-bottom:1px solid #e5e7eb}.main-nav a{text-decoration:none;color:#2563eb;font-weight:600}.main-nav .disabled{color:#9ca3af}.nav-btn{padding:12px 20px;border-radius:12px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.nav-btn.primary{background:#2563eb;color:#fff;border:none}.card-container{perspective:1000px}.card-inner{width:100%;max-width:500px;margin:40px auto;height:220px;position:relative;transform-style:preserve-3d;transition:transform .6s}.card-inner.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #0000001a}.card-back{transform:rotateY(180deg)}.controls{display:flex;justify-content:center;gap:16px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{min-width:320px;min-height:100vh;background-color:#f0f2f5}#root{width:100%;margin:0;padding:0}