.landing{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 520px at 15% 10%,rgba(180,140,90,.25),transparent 60%),radial-gradient(900px 520px at 90% 35%,rgba(120,160,140,.18),transparent 55%),linear-gradient(180deg,#f3efe6,#e9dfcf)}.invitation-shell{width:min(980px,100%);perspective:1400px;perspective-origin:50% 50%}.invitation-header{position:relative;z-index:1}.invitation-kicker{margin:0 0 10px;color:#3c2d19b8;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.invitation-title{margin:0;color:#2e2416;font-size:clamp(28px,3.2vw,44px);line-height:1.05}.invitation-subtitle{margin:12px 0 0;color:#2e2416c7;font-size:15px;max-width:68ch}.invitation-divider{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,rgba(120,86,40,.26),transparent)}.invitation-body{position:relative;z-index:1;display:grid;gap:18px}.invitation-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}.detail{padding:14px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(120,86,40,.16);box-shadow:0 1px #ffffff8c inset}.detail dt{color:#46341cb3;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.detail dd{margin:0;color:#2e2416;font-size:14px;line-height:1.35}.invitation-footer{position:relative;z-index:1;margin-top:18px}.footer-hint{margin:0;color:#3c2d198c;font-size:12px;text-align:center}.page-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}button.primary,button.ghost{appearance:none;border-radius:14px;padding:12px 16px;font-weight:650;cursor:pointer;border:1px solid transparent;font-family:inherit;font-size:inherit}button.primary{background:#2e2416;color:#f7f1e6;border-color:#2e241640;box-shadow:0 8px 18px #2e24162e}button.primary:hover:not(:disabled){filter:brightness(1.06)}button.ghost{background:#ffffff8c;color:#2e2416;border-color:#78562838}button.ghost:hover:not(:disabled){background:#ffffffb3}button:disabled{opacity:.6;cursor:not-allowed}.loading-overlay{position:absolute;inset:0;display:grid;place-items:center;gap:10px;background:#f5ecdcd9;z-index:2;text-align:center;color:#2e2416d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid rgba(46,36,22,.18);border-top-color:#2e2416d9;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.invitation-details{grid-template-columns:1fr}.page-actions{justify-content:stretch}.page-actions .nav{flex:1}}