:root{--text-primary: #ffffff;--text-shadow: 0 2px 8px rgba(0, 0, 0, .7);--btn-bg: rgba(255, 255, 255, .1);--btn-hover-bg: rgba(255, 255, 255, .2);--btn-border: rgba(255, 255, 255, .5);--font-family: "Lora", serif;--highlight-color: #FFD700}html,body{min-height:100%;margin:0;padding:0;font-family:var(--font-family);overflow-y:scroll}body{background:#000 url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop) no-repeat center center/cover;background-attachment:fixed;color:var(--text-primary);text-align:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1}#app{position:relative;z-index:2;padding:3rem 1rem 7rem;max-width:700px;margin:0 auto;min-height:calc(100vh - 10rem);display:flex;align-items:center;justify-content:center}.content-section{display:none;flex-direction:column;align-items:center;gap:1.5rem;opacity:0;transition:opacity .7s ease-in-out;width:100%}.content-section.active{display:flex;opacity:1}#intro,#about,#terms,#privacy{justify-content:flex-start;padding-top:2rem;padding-bottom:2rem}.content-box{background:#0a0a1966;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem 2rem;width:100%;text-align:left;box-shadow:0 8px 32px #0000005e}.content-title{font-size:1.8rem;font-weight:400;margin-top:0;margin-bottom:1.5rem;color:var(--text-primary);text-shadow:none}.content-box h3{color:var(--highlight-color);font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:1.2rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.content-box h4{color:var(--text-primary);opacity:.95;font-size:1.1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.8rem}.content-box p{font-size:1rem;line-height:1.7;opacity:.9;margin-bottom:1rem}.content-box p:last-child{margin-bottom:0}.content-box .impactful-quote{font-size:1.4rem;text-align:center;font-weight:600;margin:.5rem;color:var(--highlight-color);opacity:1;line-height:1.4}.content-box .final-line{text-align:center;margin-top:.5rem;font-size:1.1rem;opacity:.95}.content-box strong{color:var(--highlight-color);font-weight:600}.title{font-size:2.5rem;font-weight:400;text-shadow:var(--text-shadow);margin:0}.subtitle{font-size:1.25rem;font-style:italic;font-weight:300;text-shadow:var(--text-shadow);margin:0}.btn{background-color:var(--btn-bg);color:var(--text-primary);border:1px solid var(--btn-border);padding:12px 24px;font-family:var(--font-family);font-size:1rem;cursor:pointer;border-radius:50px;transition:background-color .3s,transform .2s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003}.btn:hover{background-color:var(--btn-hover-bg);transform:translateY(-2px)}#start-writing-btn{position:fixed;bottom:4rem;left:50%;transform:translate(-50%);z-index:11;width:90%;max-width:350px}#start-writing-btn:hover{transform:translate(-50%) translateY(-2px)}.letter-textarea{width:100%;height:200px;background-color:var(--btn-bg);color:var(--text-primary);border:1px solid var(--btn-border);border-radius:15px;padding:1rem;font-family:var(--font-family);font-size:1.1rem;resize:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003}.letter-textarea::placeholder{color:#fff9;font-style:italic}.letter-textarea:focus{outline:none;border-color:#fffc}#loading .subtitle{margin-top:1rem}.loader{width:20px;height:20px;border-radius:50%;background-color:var(--text-primary);box-shadow:0 0 20px var(--highlight-color),0 0 40px var(--highlight-color);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.7}}#sent .title,#sent .subtitle{opacity:0}#sent.active .title{animation:reveal 1.2s cubic-bezier(.215,.61,.355,1) .5s forwards}#sent.active .subtitle{animation:fadeInUp 1s ease-out 1.2s forwards}@keyframes reveal{0%{opacity:0;transform:scale(.95) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{position:fixed;bottom:0;left:0;width:100%;z-index:10;background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.25rem 1rem;height:auto}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.footer-links li{padding:.25rem .75rem}.footer-links li a{color:var(--text-primary);text-decoration:none;font-size:.85rem;opacity:.7;transition:opacity .3s ease}.footer-links li a:hover{opacity:1}.copyright{font-size:.75rem;opacity:.6;margin:0}@media (max-width: 600px){.title{font-size:1.8rem}.subtitle{font-size:1.1rem}.content-title{font-size:1.5rem}.content-box{padding:1.5rem}#writing{padding-left:1rem;padding-right:1rem;box-sizing:border-box}#writing .title{font-size:1.5rem;white-space:nowrap}.content-box .impactful-quote .quote-break{display:block;margin-top:.25rem}.single-line-quote{white-space:nowrap}#intro.active .content-box{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}#intro.active .content-box .content-title{text-align:center;font-size:1.8rem;line-height:1.4;text-shadow:var(--text-shadow)}#intro.active .content-box>p{padding-left:1.5rem;padding-right:1.5rem;text-align:left}#intro.active .content-box .impactful-quote,#intro.active .content-box .final-line{text-align:center}}@media (max-width: 420px){.footer-links li{padding:.25rem .5rem}}