:root{--accent-indigo:#6258d6;--accent-coral:#ff7a59;--accent-teal:#20a88f;--accent-gold:#ffbf3f;--ink:#202327;color:var(--ink);background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;overflow-x:hidden}.app-shell{background:radial-gradient(circle at 0 0,#6258d62e,#0000 34rem),radial-gradient(circle at 88% 8%,#ff7a5933,#0000 28rem),radial-gradient(circle at 18% 76%,#20a88f1f,#0000 26rem),linear-gradient(135deg,#f5f6f8 0%,#fff 50%,#eef2f7 100%);min-height:100vh;overflow-x:clip}.MuiAppBar-root{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#ffffffd1,#f8f6ffcc,#fff8f4d1);border-bottom:1px solid #6258d61f}.page-frame{isolation:isolate;position:relative}.page-frame:before,.page-frame:after{content:"";z-index:-1;pointer-events:none;filter:blur(2px);border-radius:999px;position:absolute}.page-frame:before{background:radial-gradient(circle,#6a8eff47,#6a8eff00 68%);width:clamp(120px,16vw,210px);height:clamp(120px,16vw,210px);inset:38px auto auto -30px}.page-frame:after{background:radial-gradient(circle,#ff97723d,#ff977200 70%);width:clamp(140px,20vw,260px);height:clamp(140px,20vw,260px);bottom:30px;right:-34px}.page-signup:before,.page-guest:before{background:radial-gradient(circle,#2bbfa43b,#2bbfa400 68%)}.page-event-details:after,.page-drive:after{background:radial-gradient(circle,#b883ff38,#b883ff00 70%)}.page-instructions:before,.page-gallery:before{background:radial-gradient(circle,#ffc5423d,#ffc54200 68%)}.page-qr:after,.page-pricing:after{background:radial-gradient(circle,#ff629633,#ff629600 70%)}.brand-button.MuiButton-root{color:var(--ink);letter-spacing:-.03em;text-transform:none;border-radius:999px;font-weight:900}.albumly-mark{width:25px;height:25px;display:block}.brand-button .MuiButton-startIcon{margin-right:8px}.MuiButton-containedPrimary{background:linear-gradient(135deg, var(--accent-indigo), #506cda 54%, #12715f)!important;color:#fff!important;box-shadow:0 14px 30px #6258d63d!important}.MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#5148c2,#405dca 54%,#0d5d4f)!important}.MuiButton-containedPrimary.Mui-disabled{color:#626b78!important;box-shadow:none!important;background:#dfe3ea!important}.MuiButton-outlinedPrimary{color:#433aa5!important;background:#ffffffeb!important;border-color:#6258d66b!important}.MuiButton-outlinedPrimary:hover{border-color:var(--accent-indigo)!important;background:#f0efff!important}.MuiButton-outlinedPrimary.Mui-disabled{color:#68717e!important;background:#f7f8fa!important;border-color:#c5cad3!important}.MuiChip-colorPrimary:not(.MuiChip-outlined){background:linear-gradient(135deg, var(--accent-indigo), #5148c2)!important;color:#fff!important}.MuiChip-outlinedPrimary{color:#433aa5!important;background:#ffffffe6!important;border-color:#6258d67a!important}.MuiChip-outlinedPrimary:hover{background:#f0efff!important}.MuiChip-root:not(.MuiChip-colorPrimary):not(.MuiChip-colorSuccess){background:linear-gradient(135deg,#6258d614,#20a88f14,#ff7a5914)}.soft-card,.qr-card,.step-card,.phone-shell,.photo-card,.price-card,.instruction-preview{border:1px solid #6258d629;background:linear-gradient(150deg,#ffffffe6,#f9fbffd1)!important;border-radius:28px!important;box-shadow:0 24px 70px #1c232d17,0 0 0 1px #6258d60d,inset 0 1px #ffffffb3!important}.soft-card,.qr-card,.step-card,.instruction-preview{padding:clamp(20px,4vw,32px)}.phone-shell{max-width:360px;margin:auto;padding:14px;background:linear-gradient(160deg,#17191d,#161a24)!important;box-shadow:0 20px 60px #6258d629,0 0 0 1px #ffffff0f!important}.phone-screen{background:radial-gradient(circle at 85% 12%,#ffbea552,#0000 9rem),linear-gradient(160deg,#fff,#eef1f5 48%,#c7cdd6);border-radius:22px;flex-direction:column;justify-content:flex-end;gap:16px;min-height:560px;padding:24px;display:flex}.page-overview .phone-screen{justify-content:flex-start;min-height:590px}.guest-preview-picker,.guest-preview-progress{background:#ffffffc2!important;border-color:#6258d62e!important;border-radius:18px!important}.guest-preview-picker{align-items:center;gap:16px;min-height:132px;padding:20px;display:flex;border-style:dashed!important}.guest-preview-progress{padding:14px 16px}.landing-info-card,.landing-trust-panel,.landing-cta-panel{background:linear-gradient(150deg,#ffffffe6,#f9fbffd1)!important;border:1px solid #6258d629!important;border-radius:28px!important;box-shadow:0 24px 70px #1c232d12!important}.landing-info-card{box-sizing:border-box;height:100%;padding:clamp(22px,3vw,30px)}.landing-trust-panel{padding:clamp(24px,5vw,48px)}.landing-cta-panel{padding:clamp(24px,4vw,38px)}.page-overview h1,.page-overview h2,.page-overview h3,.page-overview p{overflow-wrap:anywhere}.photo-hero,.photo-tile{background:linear-gradient(135deg,#fffffff0,#e0ebffb8 52%,#ffe6d794);border-radius:24px;place-items:center;display:grid}.photo-hero{min-height:250px;font-size:clamp(4.5rem,18vw,7rem)}@media (width<=599px){.page-overview .phone-shell{box-sizing:border-box;width:100%}.page-overview .phone-screen{min-height:auto;padding:20px}.guest-preview-picker{min-height:110px;padding:16px}}.guest-upload-page{justify-content:center;width:100%;padding:clamp(8px,3vw,32px) 0;display:flex}.guest-upload-card{border:1px solid #6258d624;width:min(100%,680px);padding:clamp(24px,6vw,48px);background:#ffffffe6!important;border-radius:28px!important;box-shadow:0 24px 70px #1c232d1a!important}.guest-brand-logo{object-fit:contain;max-width:180px;max-height:64px}.photo-picker.MuiButton-root{min-height:180px;color:var(--ink);text-transform:none;background:linear-gradient(145deg,#6258d60d,#20a88f0f);border:2px dashed #6258d65c;border-radius:22px;flex-direction:column;gap:12px;display:flex}.photo-picker.MuiButton-root:hover{border-color:var(--accent-indigo);background:#6258d614}.photo-picker-icon{color:var(--accent-indigo);font-size:42px!important}.gallery-masonry{columns:230px 4;column-gap:16px}.gallery-masonry-item{break-inside:avoid;vertical-align:top;width:100%;margin:0 0 16px;display:inline-block}.photo-card{overflow:hidden;border-radius:20px!important}.photo-media{background:linear-gradient(135deg,#fffffff0,#e0ebffb8 52%,#ffe6d794);border-radius:14px;max-height:360px;margin:10px 10px 0;overflow:hidden}.photo-tile{object-fit:cover;border-radius:0;width:100%;height:auto;min-height:120px;margin:0;display:block}.event-summary,.instruction-preview,.qr-card{flex-direction:column;justify-content:center;gap:18px;min-height:100%;display:flex}.qr-card{place-items:center;display:grid}.branding-editor{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:24px;display:grid}.branding-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.branding-color-control{min-width:0;padding:16px;border-radius:16px!important}.branding-color-picker{align-items:center;gap:12px;margin-top:14px;display:flex}.branding-color-picker input[type=color]{cursor:pointer;background:#fff;border:1px solid #2023273d;border-radius:12px;width:64px;height:48px;padding:3px}.branding-preview{min-height:300px;padding:24px;transition:background-color .16s;border-radius:20px!important}.qr-grid{aspect-ratio:1;background:linear-gradient(150deg,#fff,#f7f9ff);border:1px solid #5c7cca24;border-radius:24px;grid-template-columns:repeat(11,1fr);gap:5px;width:min(72vw,300px);padding:18px;display:grid}.qr-cell{background:#edf0f4;border-radius:4px}.qr-cell.on{background:linear-gradient(135deg,#352f8e,#20a88f)}.folder-tree{color:#303741;background:#f2f4f7;border-radius:18px;padding:18px;font-family:SFMono-Regular,Consolas,monospace;line-height:1.9;overflow-x:auto}.price-card{height:100%}.price-card.featured{outline:3px solid #6258d67a;transform:translateY(-8px)}.desktop-nav{display:none!important}.mobile-drawer{width:min(82vw,320px);padding:24px}@media (width>=980px){.desktop-nav{display:flex!important}.mobile-menu-button{display:none!important}}@media (width<=599px){.MuiToolbar-root{padding-left:12px!important;padding-right:8px!important}.brand-button.MuiButton-root{min-width:0;padding-left:8px;padding-right:8px}.phone-screen{min-height:470px;padding:18px}.gallery-masonry{columns:155px 2;column-gap:10px}.gallery-masonry-item{margin-bottom:10px}.photo-media{max-height:280px}.price-card.featured{transform:none}}@media (width<=899px){.branding-editor,.branding-color-grid{grid-template-columns:1fr}}