:root{--linen: #f6f1ec}body{margin:0;font-family:Inter,sans-serif;background-color:var(--linen);color:#111827}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.app-header{text-align:center;max-width:960px;padding:4rem 1rem}.logo{width:96px;height:96px;margin-bottom:1.5rem;opacity:.9}.inline-logo{margin-bottom:1.5rem}.title{font-family:Playfair Display,serif;font-size:3rem;margin:.5rem 0}.subtitle{font-size:1.125rem;color:#4b5563;max-width:690px;margin:1rem auto 0}.section{margin-top:3rem;max-width:660px;margin-left:auto;margin-right:auto;text-align:center}.section-title{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:1rem}.section-text{color:#4b5563;line-height:1.6}.steps-container{display:flex;flex-direction:row;gap:2rem;max-width:1200px;margin:3rem auto;flex-wrap:wrap;justify-content:center}.letter-card{position:relative;background:#fffaf3;border:2px solid #e9e1d9;border-radius:12px;padding:2rem;width:280px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.letter-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.stamp{width:48px;height:48px;border-radius:50%;background-color:#f3ede6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1rem;color:#111827;border:2px solid #e9e1d9}.letter-text{color:#4b5563;line-height:1.5;font-size:.95rem}.send-letter-section{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.send-letter-button{padding:.75rem 2rem;border-radius:9999px;background-color:#f3ede6;border:1px solid #e9e1d9;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .3s ease,transform .2s ease}.send-letter-button:hover{background-color:#e9e1d9;transform:translateY(-2px)}.send-letter-message{margin-top:.75rem;font-size:.875rem;color:#4b5563}.quote-section blockquote{font-style:italic;max-width:640px;margin:3rem auto;padding-left:1rem;border-left:3px solid #d1d5db;color:#374151}.instagram-section{text-align:center;margin-top:2rem}.instagram-link{display:inline-block;padding:.5rem 1.5rem;border-radius:9999px;border:1px solid #d1d5db;text-decoration:none;color:#111827;transition:background .2s}.instagram-link:hover{background-color:#f8f4f0}.copy-section{text-align:center;margin-top:2rem;position:relative}.copy-section{text-align:center;margin-top:2rem}.copy-button{padding:.75rem 2rem;border-radius:9999px;border:none;background-color:#f3ede6;cursor:pointer;transition:background .2s}.copy-button:hover{background-color:#e9e1d9}.copied-message{display:block;margin-top:.75rem;color:#4b5563;font-size:.875rem}.app-footer{text-align:center;margin-top:2rem;padding:2.5rem 1rem 1rem;border-top:1px solid #f3f4f6;font-size:.875rem;color:#6b7280}.footer-links{margin-top:.75rem;display:flex;justify-content:center;gap:1rem}.footer-links a{color:#6b7280;text-decoration:none}.footer-links a:hover{text-decoration:underline}