@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--green:#173c31;--dark:#0c241d;--cream:#f6f0e5;--gold:#e5c789;--ink:#244237;--muted:#64736a;--line:#d9d4c6;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a78240;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.025em}h1{font-size:clamp(48px,5vw,76px)}h1 em,h2 em{font-weight:400;color:var(--gold)}h2{font-size:48px}p+p{margin-top:16px}.draft{background:#ead8b4;color:#344638;font-size:11px;font-weight:700;text-align:center;padding:8px 16px;letter-spacing:.8px}header{display:flex;justify-content:space-between;align-items:center;background:var(--dark);color:var(--cream);padding:22px 5vw;border-bottom:1px solid #e5c78920}header>span{font-size:12px;color:#becbc0}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font:29px/1 var(--serif)}.brand b{color:var(--gold);font-size:32px}.brand small{display:block;font:10px var(--sans);letter-spacing:3px;margin-top:7px}.hero{display:grid;grid-template-columns:1.04fr 1fr;background:var(--dark);color:var(--cream);max-width:1800px;margin:auto}.copy{padding:64px 4vw 62px 5vw;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--gold);margin-bottom:22px}.lead{max-width:470px;margin-top:26px;color:#e4e7de;font-size:17px}.intro{font-size:14px;color:#b6c6bb;max-width:440px;margin-top:14px}.hero-photo{position:relative;min-height:710px;overflow:hidden}.hero-photo>img:first-child{width:100%;height:100%;object-fit:cover;object-position:40% center;position:absolute}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c241ddd,transparent 40%),linear-gradient(90deg,#0c241d60,transparent 30%)}.photo-quote{position:absolute;bottom:50px;left:32px;z-index:1;font:34px/1.15 var(--serif)}.photo-quote>span{font-size:80px;color:var(--gold);line-height:.5;display:block}.photo-quote em{color:var(--gold)}.book{position:absolute;width:124px;right:25px;bottom:32px;z-index:2;transform:rotate(7deg);box-shadow:8px 12px 30px #0008;border-right:5px solid #c5b78d;border-bottom:3px solid #b5a173}.audio-card{display:flex;align-items:center;gap:17px;padding:17px 20px;margin:29px 0 23px;max-width:425px;background:#22493c;border:1px solid #e5c78935;border-radius:5px}.audio-card strong{font:600 22px var(--serif)}.audio-card>div{flex:1;min-width:0}.audio-card>div>span{font-size:11px;color:#c1cdc2}#listen{width:48px;height:48px;border-radius:50%;flex-shrink:0;border:1px solid #e5c78960;background:#e5c789;color:var(--dark);font-size:19px}.wave{height:26px;color:var(--gold);font-size:18px;letter-spacing:1px;overflow:hidden;white-space:nowrap;opacity:.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;min-height:56px;padding:14px 28px;border:0;border-radius:4px;font-weight:700;font-size:15px;transition:filter .2s,transform .2s}.button:hover:enabled{filter:brightness(1.08);transform:translateY(-1px)}.gold{background:linear-gradient(125deg,#ead299,#cba562);color:var(--dark)}.green{background:var(--green);color:var(--cream)}.micro{font-size:11px;color:#bacabd;margin-top:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1280px;margin:auto;padding:44px 5vw;border-bottom:1px solid var(--line)}.steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.steps span{font:29px var(--serif);color:#957132}.steps h2{font-size:26px;letter-spacing:0;line-height:1.2}.steps p{grid-column:2;font-size:13px;color:var(--muted);margin-top:9px}.invitation{padding:65px 24px 75px;text-align:center;max-width:780px;margin:auto}.ornament{color:#a48343;font-size:32px;line-height:1;margin-bottom:23px}.invitation .eyebrow{color:#597248}.invitation h2 em{color:#927039}.invitation>p:not(.eyebrow){margin-top:24px}.prompts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px 0}.prompts span{font:italic 20px var(--serif);padding:10px 15px;border:1px solid var(--line);background:#ece8da}.small{font-size:12px;color:var(--muted);line-height:1.7}footer{background:var(--dark);color:#b9c8bd;font-size:11px;text-align:center;padding:30px 24px}footer p+p{margin-top:8px}dialog{width:min(690px,calc(100% - 32px));max-height:94dvh;border:0;border-radius:6px;background:var(--cream);color:var(--ink);padding:0;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#081b17d9;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:17px;top:13px;z-index:1;background:transparent;border:0;font-size:30px;color:var(--ink);width:36px;height:36px}.form-shell{padding:42px 45px}.form-shell .eyebrow{color:#587649;margin-bottom:14px}.form-shell h2{font-size:45px}.form-shell h2 em{color:#957132}.form-intro{font-size:14px;margin-top:16px}.notice{background:#eae2d0;border-left:3px solid #b99a5d;padding:12px 15px;font-size:12px;margin:20px 0}.field{display:block;font-size:13px;font-weight:600;margin-top:20px}.field span{font-weight:400;color:var(--muted)}input:not([type]){display:block;width:100%;background:#fffaf2;border:1px solid var(--line);border-radius:4px;padding:12px;margin-top:8px;font-size:16px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:7px;padding:23px 16px;border:1px dashed #81927e;background:#eeeee2;border-radius:4px;margin:22px 0 8px;cursor:pointer}.dropzone>input{display:block;max-width:100%;font-size:12px;margin-top:8px}.dropzone>span:not(.upload-symbol){font-size:12px;color:var(--muted)}.upload-symbol{color:#6a814e;font-size:32px;line-height:1}.dropzone strong{font-size:14px}video{width:100%;max-height:250px;margin:14px 0;background:var(--dark);border-radius:4px}fieldset{border:0;padding:0;margin:26px 0 20px}legend{font:600 26px var(--serif);margin-bottom:10px}.choice{display:flex;gap:12px;align-items:flex-start;background:#fffaf2;border:1px solid var(--line);padding:17px;margin-top:12px;border-radius:4px;cursor:pointer;font-size:13px;line-height:1.6}.choice:has(input:checked){border-color:#587849;background:#e7eddf;box-shadow:0 0 0 1px #587849}.choice input,.ack input{margin:5px 0 0;accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.choice small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.privacy{font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.privacy summary{cursor:pointer;font-weight:600}.privacy p{margin-top:12px}.ack{display:flex;gap:11px;font-size:12px;margin:19px 0 8px;align-items:flex-start}#submit-video{width:100%;margin-top:24px}progress{width:100%;height:9px;accent-color:var(--green);margin-top:18px}#send-status{margin-top:10px}#success{text-align:center;padding:25px 0}#success h3{font-size:35px;margin-bottom:18px}#success p{font-size:14px}.success-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 25px;width:65px;height:65px;border-radius:50%;background:#dce6d3;font-size:30px}#finish{margin-top:24px}[hidden]{display:none!important}.admin{max-width:1000px;margin:40px auto;padding:25px}.admin h1{font-size:45px}.admin article{background:#fffaf2;border:1px solid var(--line);padding:22px;margin:20px 0}.admin code{word-break:break-all}.admin textarea{width:100%;min-height:85px;font-size:14px}.admin label{display:block;margin:15px 0}.admin input[type=password]{padding:12px;width:100%}.badge{font-size:12px;font-weight:700;color:#557547}
@media(max-width:760px){header>span{display:none}header{padding:17px 24px;justify-content:center}.brand{font-size:26px}.draft{font-size:9px;letter-spacing:.3px}.hero{display:flex;flex-direction:column}.copy{padding:28px 25px 31px;order:1}.hero-photo{min-height:255px;order:0}.hero-photo>img:first-child{object-position:40% 35%}.hero-photo:after{background:linear-gradient(0deg,#0c241ddf,transparent 35%)}.photo-quote{bottom:22px;left:25px;font-size:24px}.photo-quote>span{font-size:50px}.book{width:83px;bottom:18px;right:27px}.hero .eyebrow{margin-bottom:15px;font-size:9px;letter-spacing:1.5px}h1{font-size:43px;line-height:1.03}.lead{font-size:14px;margin-top:19px}.intro{font-size:13px}.audio-card{margin:22px 0 18px;padding:13px 16px;max-width:none}.audio-card strong{font-size:21px}.hero .button{width:100%}.micro{text-align:center;font-size:10px}.steps{grid-template-columns:1fr;gap:24px;padding:34px 25px}.steps h2{font-size:26px}.steps p{font-size:13px;margin-top:6px}.invitation{padding:40px 25px 48px}.invitation h2{font-size:40px}.invitation>p:not(.eyebrow){font-size:14px}.prompts{margin:22px 0;gap:8px}.prompts span{font-size:20px;width:100%}dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.form-shell{padding:45px 24px}.form-shell h2{font-size:42px}.form-shell .eyebrow{font-size:9px}.choice{padding:15px;font-size:13px}legend{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Convite simples: retrato, áudio e uma ação principal. */
.hero-photo{min-height:540px}.copy{padding-top:58px;padding-bottom:48px}.lead{max-width:440px}.hero-photo:after{background:linear-gradient(90deg,#0c241d44,transparent 35%)}footer{padding:20px 24px;font-size:10px}footer p+p{margin-top:5px}
@media(max-width:760px){.hero-photo{min-height:210px}.hero-photo>img:first-child{object-position:40% 29%}.hero-photo:after{background:linear-gradient(0deg,#0c241d66,transparent 35%)}.copy{padding:25px}.hero h1{font-size:40px}.lead{font-size:13px;margin-top:16px}.hero .eyebrow{margin-bottom:12px}.audio-card{margin:18px 0 16px}.micro{line-height:1.6}.form-shell{padding-top:42px}}

.audio-card{display:block;padding:0;background:transparent;border:0}.audio-card>span{display:block;text-align:center;color:#c1cdc2;font-size:11px;margin-top:9px}#listen.audio-button{width:100%;height:auto;min-height:76px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(125deg,#ead299,#cba562);color:#123529;border:1px solid #ecd39a;padding:18px 16px;box-shadow:0 7px 25px #0002}#listen strong{font:700 17px var(--sans)}#audio-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #173c3150;border-radius:50%;font-size:17px}#listen:disabled{opacity:.72}#open-upload{background:transparent;color:var(--gold);border:1px solid #e5c78980;box-shadow:none}.hero h1{font-size:clamp(43px,4.5vw,65px)}
@keyframes audio-pulse{0%,100%{box-shadow:0 7px 25px #0002,0 0 0 0 #e5c78900}50%{box-shadow:0 7px 25px #0002,0 0 0 6px #e5c78930}}
@media(prefers-reduced-motion:no-preference){#listen.ready:not(:disabled){animation:audio-pulse 2.8s ease-in-out infinite}}
@media(max-width:760px){.hero-photo{min-height:180px}.hero-photo>img:first-child{object-position:40% 12%}.copy{padding:21px 25px 25px}.hero h1{font-size:34px}.audio-card{margin:20px 0 17px}#listen.audio-button{min-height:69px}#listen strong{font-size:16px}.hero .button{min-height:51px}}

.form-shell h2{font-size:35px}.dropzone{padding:16px;margin-top:22px;gap:4px}.dropzone>input{margin-top:6px}fieldset{margin:20px 0 17px}legend{font-size:23px}.choice{padding:13px;margin-top:10px;font-size:12px;font-weight:400}.choice strong{font-weight:500}.form-shell .small{font-size:11px}.receive-note{margin-top:14px}#submit-video{margin-top:18px}.form-shell{padding:35px 35px}#form-status{font-size:10px;padding:8px 11px;margin:13px 0}.privacy{padding:10px 0}@media(max-width:760px){.form-shell{padding:38px 23px 26px}.form-shell h2{font-size:32px}legend{font-size:23px}.choice{font-size:12px}.dropzone{margin-top:19px}}
