*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071b29;color:#f1faff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}main{position:relative;min-height:100svh;overflow:hidden}.scene{position:absolute;width:var(--scene-w,100vw);height:var(--scene-h,56.47vw);left:var(--scene-x,0px);top:var(--scene-y,0px)}.scene img{width:100%;height:100%;display:block}header{position:absolute;z-index:2;left:5.2%;top:10%;text-shadow:0 2px 28px #001827}h1{font-size:clamp(42px,5.3vw,100px);font-weight:400;letter-spacing:-.07em;line-height:.96;margin:36px 0 24px}.dot{color:#ff4faa}.eyebrow{font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:10px}.eyebrow span{width:5px;height:5px;background:#ff64b1;border-radius:50%;box-shadow:0 0 15px #ff64b1}.invitation{font-size:clamp(15px,1.4vw,24px);line-height:1.5;font-weight:300;letter-spacing:-.02em;color:#d0e3eb}.device{position:absolute;left:var(--form-x);top:var(--form-y);width:var(--form-w);height:var(--form-h);padding:5% 7%;display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(135deg,#12476355,#10344c33 48%,#17577544);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:inset 0 0 0 1px #b0eaff22,0 0 20px #061b2922;z-index:3;font-size:clamp(11px,1vw,16px)}.device h2{font-size:1.7em;letter-spacing:-.055em;font-weight:400;margin:0 0 4px}.intro{font-size:.78em;color:#bddde7;margin:0 0 10px}.device label{font-size:.72em;letter-spacing:.035em;margin:8px 0 5px}input,textarea{font:inherit;color:#fff;background:#ffffff09;border:1px solid #b0eaff55;border-radius:6px;min-width:0;width:100%;padding:10px;outline:none}input{height:36px}textarea{resize:none;flex:1;min-height:52px}input::placeholder,textarea::placeholder{color:#bfd4df;font-size:.76em}input:focus,textarea:focus{border-color:#fff;box-shadow:0 0 0 2px #8adfff40}button{font:inherit;font-size:.85em;font-weight:600;border:0;border-radius:30px;background:#e9a8c4;color:#281723;padding:12px 15px;margin-top:14px;cursor:pointer;display:flex;justify-content:space-between;box-shadow:0 0 22px #e9a8c455}button:hover{background:#f3bfd4}button:focus-visible{outline:2px solid white;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}#status{font-size:.73em;line-height:1.3;margin:7px 0 0;min-height:1em}.trap{position:absolute;left:-10000px}footer{position:absolute;bottom:26px;left:5.2%;font-size:8px;letter-spacing:.18em;color:#b9d5df}
.mobile-portrait{display:none}@media(max-width:700px){main{min-height:1280px}header{left:26px;top:30px}h1{font-size:48px;margin:20px 0 15px}.eyebrow{font-size:7px}.invitation{font-size:16px}.mobile-portrait{display:block;position:absolute;top:240px;width:100%;z-index:1}.device{font-size:14px;padding:18px 17px;border-radius:20px}.device input{height:40px;font-size:16px}.device textarea{font-size:16px}footer{left:26px;font-size:7px;bottom:18px}}
/* Controls sit directly in the photographed screen; no floating panel. */
.device{padding:0!important;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:rotate(-2deg);transform-origin:center}
.device h2{position:absolute;top:0;left:0;width:100%;height:13%;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.65em;background:#154c6866;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;text-shadow:0 0 10px #93e6ff66}
.device>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.device input,.device textarea{position:absolute;left:0;width:100%;margin:0;height:11%;min-height:0;background:#15506a40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #cef3ff99;box-shadow:inset 0 1px 8px #06304333,0 0 8px #9eeaff15;border-radius:7px;padding:7px 10px}
.device #name{top:15%}.device #email{top:29%}.device #message{top:51%;height:28%}
.device label[for=message]{clip-path:none;overflow:visible;width:100%;height:8%;left:0;top:42%;margin:0;font-size:.9em;background:#164b6866;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:2px 5px}
.device button{position:absolute;top:87%;left:16%;width:68%;height:12%;margin:0;padding:6px 14px;align-items:center;background:#ff4fa8;color:#1b0920;box-shadow:inset 0 1px 2px #ffe1f3aa,0 0 16px #ff3c9e77;border:1px solid #ffc5e7}
.device button:hover{background:#ff78bf}.device #status{position:absolute;top:103%;width:100%;text-align:center;text-shadow:0 1px 4px #001522;background:#082b4680;border-radius:8px}.device #status:empty{display:none}
.scene::after{content:"";position:absolute;inset:0;background:url('screen-clean.png') center/100% 100% no-repeat;clip-path:ellipse(10.7% 24% at 50.8% 41.5%)}
.device h2,.device label[for=message]{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.device input,.device textarea{background:#b8eeff08;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 6px #06304322,0 0 8px #9eeaff15}
.mobile-portrait img{display:block;width:100%}.mobile-portrait::after{content:"";position:absolute;inset:0;background:url('screen-clean.png') center/100% 100% no-repeat;clip-path:ellipse(10.7% 24% at 50.8% 41.5%)}
@media(max-width:700px){.scene::before{content:"";position:absolute;left:0;bottom:100%;width:100%;height:240px;background:url('alia.png') center top/var(--scene-w) var(--scene-h) no-repeat;transform:scaleY(-1)}header{background:none}}
@media(max-width:700px){main{min-height:max(100svh,720px)}header,.mobile-portrait,footer{display:none}.device{font-size:14px}.device h2{font-size:1.5em}.device button{left:5%;width:90%;height:16%;font-size:12px}.device input{font-size:16px;height:14%}.device #email{top:31%}.device label[for=message]{top:47%;font-size:12px}.device #message{top:57%;height:27%}.device button{top:91%}.device #status{top:109%}}
@media(max-width:700px){main{min-height:max(100svh,790px)}header{display:block;left:16px;right:16px;top:24px;text-align:center}.eyebrow{justify-content:center;font-size:7px;letter-spacing:.14em}h1{font-size:36px;line-height:1.1;margin:16px 0 10px;letter-spacing:-.055em}h1 br,.invitation br{display:none}.invitation{font-size:13px;margin:0}.invitation br::after{content:' '}.scene{mask-image:none}.device h2{font-size:1.4em}.device input,.device textarea{padding:6px 8px}.device button{font-size:11px;padding:6px 10px}}
.instagram{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:44px;height:44px;display:grid;place-items:center;color:#ff4fa8;border-radius:50%;text-decoration:none;filter:drop-shadow(0 0 9px #ff4fa844)}.instagram:hover{color:#ffadd8}.instagram:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Keep hosting-provider attribution out of the public-facing design. */
a[href*="netlify.com"]{display:none!important}
.image-extension{display:none}@media(max-width:700px){.device{margin-top:-18px}.image-extension{display:block;position:absolute;left:0;top:100%;width:100%;height:100svh;background:url('alia.png') center bottom/var(--scene-w) var(--scene-h) no-repeat;transform:scaleY(-1)}header{z-index:5;text-shadow:0 2px 14px #001827,0 1px 5px #001827}}
@media(max-width:700px){main{min-height:var(--scene-h);background:url('alia-mobile.png') center top/100% 100% no-repeat}.scene{background:url('alia-mobile.png') center/100% 100% no-repeat}.scene img,.scene::before,.scene::after,.image-extension{display:none}.device{margin-top:0;transform:rotate(-2deg)}.device #name{top:20%}.device #email{top:39%}.device label[for=message]{top:57%}.device #message{top:69%;height:30%}.device button{top:108%;height:18%}.device #status{top:130%}header{top:22px}}
/* Translucent rose glass and luminous rim, matched to the button reference. */
.device button{justify-content:center;background:linear-gradient(180deg,rgba(235,175,205,.26),rgba(222,151,189,.18));border:1.5px solid #ffcee0;border-radius:999px;color:#fff0f6;font-family:inherit;font-weight:400;letter-spacing:.025em;text-shadow:0 0 7px #ffc3dc77;box-shadow:inset 0 0 9px #ffd3e633,0 0 4px #ffe0ebcc,0 0 14px #ff92c180,0 0 26px #ff73ac33;transition:background .18s,box-shadow .18s}
.device button span{display:none}.device button:hover{background:linear-gradient(180deg,rgba(245,188,216,.4),rgba(230,161,198,.3));box-shadow:inset 0 0 12px #ffd3e644,0 0 5px #ffe0eb,0 0 19px #ff92c199,0 0 30px #ff73ac44}.device button:active{background:#e9a8c440}@media(prefers-reduced-motion:reduce){.device button{transition:none}}
@media(max-width:700px){header{background:transparent;text-shadow:none;box-shadow:none;backdrop-filter:none}.eyebrow{margin:0}h1{margin:7px 0 4px}.invitation{margin:0;text-shadow:none}}
/* Keep the approved desktop typography independent of phone styling. */
@media(min-width:701px){header{left:5.2%;top:10%;text-align:left}header h1{font-size:clamp(42px,5.3vw,100px);font-weight:400;letter-spacing:-.07em;line-height:.96;margin:36px 0 24px}header h1 br,header .invitation br{display:initial}header .eyebrow{font-size:9px;letter-spacing:.2em}header .invitation{font-size:clamp(15px,1.4vw,24px);line-height:1.5;font-weight:300;letter-spacing:-.02em}}
@media(max-width:700px){header{top:14px}header h1{font-size:29px;line-height:.97;letter-spacing:-.06em;margin:7px 0 7px}header h1 br,header .invitation br{display:initial}header .eyebrow{font-size:6px;letter-spacing:.16em}header .invitation{font-size:11px;line-height:1.3}header .invitation br::after{content:none}}
/* Desktop form typography; mobile retains its smaller readable type. */
@media(max-width:700px){header .invitation{display:none}.device input,.device textarea{font-size:12.31px}}