:root{--gold:#f3cd79;--ink:#151519;--cream:#fffaf0;--muted:#d5cdd0}

*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Devanagari",sans-serif;background:#f8f4ec;color:#19171a}
header{background:#121216;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4%;border-bottom:1px solid #c39b4a}
.logo{font-size:clamp(18px,2vw,27px);font-weight:800}.logo span{color:var(--gold)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-size:14px}
.hero{background:radial-gradient(ellipse at 70% 40%,#49321f,#171416 65%,#09090b);color:white;display:grid;grid-template-columns:auto;align-items:center;gap:25px;padding:40px 5%;min-height:520px}
.hero h1{font-size:clamp(34px,4vw,58px);line-height:1.18;margin:10px 0;color:#ffe7b2}.hero p{font-size:18px;line-height:1.8;color:#eee1d1}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:13px}
.photo-wrap{display:flex;justify-content:center;align-items:center;position:relative;min-height:400px; }
.photo{    background-image: url(../images/nana.jpg);background-repeat:no-repeat;     background-position: center;
    background-size: cover; position:relative;width:min(350px,80vw);height:370px;border:3px solid #d9b45d;border-radius:180px 180px 20px 20px;overflow:hidden;cursor:pointer;box-shadow:0 15px 60px #0009;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.photo:hover{transform:scale(1.025)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo .placeholder{text-align:center;padding:24px;color:#f8e9c7}.placeholder .silhouette{font-size:100px;display:block;filter:grayscale(1)}.placeholder b{display:block;font-size:20px}.placeholder small{display:block;margin-top:10px;color:#d8c9b0}
.photo-hint{position:absolute;bottom:4px;background:#ff0052;color:#fff;border-radius:30px;padding:11px 18px;font-weight:bold;box-shadow:0 5px 22px #0006;animation:pulse 2s infinite}
@keyframes pulse{50%{transform:scale(1.04)}}.petal{position:fixed;z-index:10;pointer-events:none;top:-35px;font-size:26px;animation:fall 2.4s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(540deg);opacity:.15}}
.flower-btn{border:0;background:#ffe000;padding:14px 22px;border-radius:30px;font-size:17px;font-weight:800;cursor:pointer;color:#241a09}.count{font-size:13px;color:#f9e5b4;margin-left:8px}.quote{margin-top:24px;border-top:1px solid #8e7445;padding-top:18px;font-style:italic;color:#f6dfb4}
.content{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;padding:28px 4%}.panel{background:white;border:1px solid #e8e0d5;border-radius:14px;padding:24px;box-shadow:0 6px 25px #2b1c0a0a}.panel h2{margin-top:0}.panel p{color:#666}.field{width:100%;font:inherit;border:1px solid #ddd5ca;border-radius:8px;padding:12px;margin:7px 0 13px}.submit{width:100%;background:#19191d;color:white;border:0;border-radius:8px;padding:13px;font:inherit;font-weight:bold;cursor:pointer}.messages{display:grid;gap:12px}.msg{background:#fffaf3;border:1px solid #eee4d7;border-radius:10px;padding:15px}.msg p{margin:8px 0;color:#49434b;overflow-wrap:anywhere}.msg small{color:#8b8178}.empty{color:#777;padding:18px;border:1px dashed #d9cbb8;border-radius:10px;text-align:center}
footer{text-align:center;padding:25px;background:#121216;color:#cfc5ba;font-size:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#ffedc5;color:#241b0d;padding:12px 18px;border-radius:25px;box-shadow:0 5px 30px #0005;display:none;z-index:20;max-width:90%;text-align:center}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:14px}.hero{grid-template-columns:1fr;text-align:center;padding:30px 5%}.photo-wrap{grid-row:1;min-height:350px}.photo{height:320px;width:270px}.content{grid-template-columns:1fr;padding:18px 4%}}
.btnback{	
padding: 10px 30px;
    font-size: 20px;
    border-radius: 60px;
    cursor: pointer;
    background: yellow;
		
}