@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.hero{height:100vh;display:flex;justify-content:center;align-items:center;background:#f5efe6}.hero-wrapper{height:100%;display:flex;max-width:360px;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero-image{width:140px;height:140px;border-radius:50%;overflow:hidden;box-shadow:2px 4px 12px #0000001a;margin-top:80px;margin-bottom:auto}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-content{background-color:#fff;padding:40px 16px;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -4px 24px #2c1f3e0f;border-top:1.5px solid #f2d9ca}.hero-heading{margin-bottom:8px;font-family:"Instrument Serif",serif;color:#2c1f3e}.hero-para{margin-bottom:24px;font-family:DM Sans,sans-serif;line-height:1.4;color:#8b8098}.hero-btn{width:100%;background:var(--terracotta);border:none;border-radius:999px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;text-decoration:none;color:#fff;font-weight:500;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #c9706047}.hero-btn:hover{background-color:#7a4e3e;transform:translateY(-1px)}:root{--midnight-clr: #2c1f3e;--petal: #f2d9ca;--cream: #fdf9f4;--blush: #e8a89c;--terracotta: #c97060}.check-in{min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;background:var(--cream)}.check-in-wrapper{width:100%;max-width:360px;padding:40px 24px}.check-heading{font-family:"Instrument Serif",serif;font-size:26px;line-height:1.2;color:var(--midnight-clr);margin-bottom:32px;text-align:center}.choice-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.choice-card{display:flex;align-items:center;color:var(--midnight-clr);background:#fff;padding:18px 20px;border-radius:24px;font-family:DM Sans,sans-serif;border:1.5px solid var(--petal);cursor:pointer;transition:all .15s ease}.choice-card.selected{background:#f2d9ca;border-color:#c97060}.choice-title{font-size:15px;font-weight:500;color:var(--midnight-clr)}.btn-con{width:100%;background:var(--terracotta);color:#fff;border:none;border-radius:999px;padding:16px;text-decoration:none;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #c9706047}.btn-con:hover{background-color:#7a4e3e;transform:translateY(-1px)}.btn-con:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transition:none}:root{--petal: #f2d9ca;--terracotta: #c97060;--blush: #e8a89c;--midnight: #2c1f3e;--bark: #7a4e3e;--white: #ffffff}.journal{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;font-family:DM Sans,sans-serif;background:var(--petal);padding:48px 24px}.journal-wrapper{max-width:360px;width:100%}.progess-step{display:flex;gap:6px;margin-bottom:40px}.progress-step.done{background:var(--terracotta)}.progess-step.active{background:var(--blush)}.prompt-area{font-family:"Instrument Serif",serif;font-size:26px;font-weight:400;color:var(--midnight);line-height:1.3;margin-bottom:28px}.journal-area{width:100%;min-height:220px;background:#ffffff80;border:1.5px solid rgba(255,255,255,.7);border-radius:24px;padding:20px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--bark);resize:none;outline:none;margin-bottom:24px;transition:border-color .15s,box-shadow .15s}.journal-area:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c970601f}.journal-area::placeholder{color:#7a4e3e66}.btn-next{width:100%;background-color:var(--terracotta);color:var(--white);border:none;border-radius:999px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #c9706047}.btn-next:hover{background:#7a4e3e;transform:translateY(-1px)}:root{--sand: #F5EFE6;--petal: #F2D9CA;--terracotta: #C97060;--bark: #7A4E3E;--midnight: #2C1F3E;--fog: #8B8098;--white: #FFFFFF}.complete{min-height:100vh;background:var(--sand);display:flex;justify-content:center;align-items:flex-start;padding:64px 24px;font-family:DM Sans,sans-serif}.complete-wrapper{max-width:360px;width:100%}.complete-message{text-align:center;margin-bottom:40px}.complete-heading{font-family:"Instrument Serif",serif;font-size:32px;font-weight:400;color:var(--midnight);line-height:1.2;margin-bottom:8px}.complete-sub{font-size:15px;color:var(--fog);font-family:"Instrument Serif",serif;font-style:italic}.answer-list{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.answer-card{background:var(--white);border:1.5px solid var(--petal);border-radius:20px;padding:20px;font-size:15px;color:var(--bark);line-height:1.6;box-shadow:0 2px 12px #2c1f3e0f}.btn-finish{width:100%;background:transparent;color:var(--terracotta);border:1.5px solid var(--petal);border-radius:999px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .18s ease}.btn-finish:hover{background:var(--petal);border-color:var(--terracotta)}.feedback{text-align:center;margin-top:16px}.feedback a{font-family:"Instrument Serif",serif;font-style:italic;font-size:14px;color:var(--fog);text-decoration:none;transition:color .18s ease}.feedback a:hover{color:var(--terracotta)}