.invitation__icon{color:#ff4f83;background:radial-gradient(circle at 68% 22%,#fff 0 16%,#0000 17%),linear-gradient(145deg,#ffe1ec,#fff 58%,#e9f7ff);border-radius:36px;place-items:center;width:150px;height:150px;margin-bottom:28px;animation:4.5s ease-in-out infinite gentle-float;display:grid;position:relative;box-shadow:0 22px 50px #ff598933}.invitation__icon svg:first-child{color:#ff8aac;position:absolute;top:28px;right:28px}.invitation__eyebrow{color:var(--color-rose);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900}.invitation__title{max-width:540px;font-size:clamp(42px,8vw,70px);line-height:.95}.invitation__subtitle{max-width:470px;color:var(--color-muted);margin-top:20px;font-size:18px;line-height:1.55}.invitation__actions{justify-content:center;align-items:center;gap:14px;margin-top:42px;display:flex}.noButton--escaping{z-index:1000;opacity:1;visibility:visible;margin:0;transition:left .26s cubic-bezier(.22,1,.36,1),top .26s cubic-bezier(.22,1,.36,1),box-shadow .18s,background-color .18s;display:inline-flex;position:fixed;top:auto;left:auto;transform:none}.noButtonPlaceholder{visibility:hidden;flex:none;display:inline-flex}@media (width<=640px){.invitation__icon{width:126px;height:126px;margin-bottom:24px}.invitation__actions{flex-direction:column;gap:10px;width:100%}}.detailsForm{z-index:10;gap:18px;display:grid;position:relative}.detailsForm__header{text-align:center;justify-items:center;gap:7px;margin-bottom:4px;display:grid}.detailsForm__header span{font-size:42px}.detailsForm__header p{color:var(--color-rose);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:900}.detailsForm__header h1{font-size:clamp(32px,6vw,48px);line-height:1}.detailsForm__field{gap:10px;min-width:0;display:grid}.detailsForm__field>span{color:#624952;font-size:15px;font-weight:900}.optionGroup{flex-wrap:wrap;gap:10px;display:flex}.optionGroup--time{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.option{color:#755b66;touch-action:manipulation;background:#ffffffbd;border:1px solid #ff9abb4d;border-radius:999px;min-height:48px;padding:0 16px;font-weight:900;transition:transform .16s,background-color .16s,box-shadow .16s;box-shadow:0 10px 24px #5f445014}@media (hover:hover){.option:hover{background:#fff;border-color:#ff487d59;transform:translateY(-1px)}}.option--selected,.option--selected:hover{color:#fff;background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-coral) 100%);box-shadow:var(--shadow-button);border-color:#0000}.option:focus,.cuisineCard:focus{outline:none}.option:focus-visible,.cuisineCard:focus-visible{outline-offset:3px;outline:3px solid #ff6f9f59}.cuisineSelector{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cuisineCard{color:#755b66;touch-action:manipulation;background:#ffffffbd;border:1px solid #ff9abb47;border-radius:18px;min-height:76px;padding:16px 12px;font-size:15px;font-weight:900;box-shadow:0 10px 24px #5f445014}@media (hover:hover){.cuisineCard:hover{background:#fff}}.cuisineCard--active{color:#fff;background:linear-gradient(135deg, var(--color-pink), var(--color-coral))}.detailsForm input{box-sizing:border-box;width:100%;max-width:100%;min-height:54px;color:var(--color-ink);background:#ffffffc7;border:1px solid #ff9abb57;border-radius:18px;outline:none;padding:0 16px}.detailsForm input[type=date]{box-sizing:border-box;appearance:none;width:100%;min-width:0;max-width:100%;display:block}.detailsForm input:focus{border-color:#ff6f9f;box-shadow:0 0 0 4px #ff6f9f24}.detailsForm__submit{z-index:1;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative}@media (width<=640px){.optionGroup,.optionGroup--time,.cuisineSelector{grid-template-columns:1fr 1fr;display:grid}}.success__visual{background:linear-gradient(145deg,#ffe1ec,#fff 58%,#e9f7ff);border-radius:34px;place-items:center;width:126px;height:126px;margin-bottom:24px;font-size:58px;animation:4.5s ease-in-out infinite gentle-float;display:grid;box-shadow:0 22px 50px #ff598933}.success__eyebrow{color:var(--color-rose);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900}.success__title{max-width:520px;font-size:clamp(38px,7vw,62px);line-height:1}.success__summary{gap:10px;width:min(100%,440px);margin:28px 0;display:grid}.success__summary div{background:#ffffffb8;border-radius:16px;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.success__summary dt{color:var(--color-muted);font-weight:800}.success__summary dd{text-align:right;margin:0;font-weight:900}:root{--color-ink:#281821;--color-muted:#7a626d;--color-pink:#ff3e7f;--color-coral:#ff7b5f;--color-rose:#df3d72;--color-card:#ffffffc2;--color-line:#ffffffd1;--shadow-card:0 28px 90px #ac4c6f2e;--shadow-button:0 18px 36px #ff487d4d;--radius-card:34px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff4f8;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}h1,p{margin:0}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app{min-height:100vh}.page{background:radial-gradient(circle at 18% 18%,#ffcfe0e6,#0000 30%),radial-gradient(circle at 82% 16%,#ffbed7c2,#0000 28%),radial-gradient(circle at 18% 88%,#d3eeffd6,#0000 30%),linear-gradient(135deg,#fff9fb 0%,#ffeaf3 48%,#f3fbff 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden auto}.page__glow{filter:blur(8px);pointer-events:none;border-radius:999px;position:absolute}.page__glow--pink{background:#ff7eab2e;width:330px;height:330px;top:-120px;right:9%}.page__glow--blue{background:#a4dbff57;width:360px;height:360px;bottom:-150px;left:7%}.page__glow--peach{background:#ffdfe866;width:220px;height:220px;bottom:18%;right:12%}.card{z-index:1;border:1px solid var(--color-line);border-radius:var(--radius-card);box-sizing:border-box;background:var(--color-card);width:min(100%,620px);max-width:100%;box-shadow:var(--shadow-card);text-align:center;-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);flex-direction:column;align-items:center;padding:48px 38px;display:flex;position:relative;overflow-x:hidden}.card--compact{justify-content:center;min-height:560px}.card--wide{box-sizing:border-box;text-align:left;align-items:stretch;width:min(100%,760px);max-width:100%;overflow-x:hidden}.button{width:144px;height:56px;color:var(--color-ink);-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;font-weight:900;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.button--primary{color:#fff;background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-coral) 100%);box-shadow:var(--shadow-button)}.button--primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px #ff487d57}.button--secondary{color:#765d68;background:#ffffffe0;box-shadow:0 12px 26px #5f44501f}.button--secondary:hover{background:#fff}.button--full{width:100%}@media (width<=640px){.page{padding:18px}.card{border-radius:28px;padding:34px 22px}.card--compact{min-height:auto}}
