@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(/assets/Montserrat-Regular-BQsUpcHj.ttf)}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(/assets/Montserrat-Bold-DEcR8bPr.ttf)}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;src:url(/assets/Pacifico-Regular-DqRvctb9.ttf)}body{font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fad0c4,#fbc2eb,#a6c1ee);margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.demo{background:#fffc;border-radius:20px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:30px;max-width:400px;width:100%;text-align:center}#generateContent{background:linear-gradient(135deg,#ffe8e8,#ffdcdc);border:2px solid #ffa7a7;border-radius:15px;padding:20px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px}#generateContent .question h1{font-family:Pacifico,cursive;font-size:32px;color:#ff6b6b;margin-bottom:15px}#generateContent .answer p{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#ff8787}#shareAdditionalData{margin-top:30px}#shareAdditionalData label{display:block;margin-bottom:15px;font-family:Montserrat,sans-serif;font-size:18px}#shareAdditionalData input{width:calc(100% - 30px);padding:15px;border:2px solid #ffa7a7;border-radius:10px;margin-top:8px;font-size:18px;background-color:#fffc}#shareAdditionalData button{background-color:#ff6b6b;color:#fff;border:none;border-radius:10px;padding:15px 30px;font-size:20px;font-weight:700;cursor:pointer;margin-top:30px;transition:background-color .3s,transform .3s}#shareAdditionalData button:hover{background-color:#ff4f4f;transform:scale(1.05)}@media (max-width: 500px){.demo{padding:20px}#shareAdditionalData input{width:calc(100% - 20px)}}
