body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#ebf4f5,#f0edf5);display:flex;flex-direction:column;min-height:100vh;margin:0}.app-header{display:flex;justify-content:center;padding:.5rem 2rem;color:#000;flex-shrink:0;background-color:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.05)}.header-content{display:flex;align-items:center;gap:2rem;width:100%;max-width:1300px}.app-header a{text-decoration:none;color:inherit;transition:color .2s ease-in-out}.app-header a:hover{color:#2563eb}.app-header svg{width:56px;height:48px}.app-header h2{font-size:.9rem;font-weight:700;letter-spacing:.05em;margin:0}main{display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box;flex-grow:1;width:100%}.site-footer{background-color:#1f2937;color:#d1d5db;text-align:center;padding:1.5rem 1rem;font-size:.875rem;width:100%;flex-shrink:0}.site-footer button,.site-footer a{background:none;border:none;color:inherit;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease-in-out}.site-footer button{text-decoration:underline}.site-footer button:hover,.site-footer a:hover{color:#079ff7}.main-container{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:1300px;width:100%}textarea{resize:none}.btn-disabled{opacity:.6;cursor:not-allowed}.drop-zone{border:2px dashed #cbd5e0;border-radius:12px;padding:2.5rem 1.25rem;text-align:center;transition:all .2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.drop-zone.hover{border-color:#8b5cf6;background-color:#f5f3ff}.drop-zone input[type=file]{display:none}#imagePreviewContainer{position:relative;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background-color:#f9fafb}.image-preview{width:100%;max-height:60vh;object-fit:contain;border-radius:8px}.remove-image-btn{position:absolute;top:10px;right:10px;background-color:#0009;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;border:2px solid white}.remove-image-btn:hover{background-color:#f00c}.info-section{max-width:1300px;width:100%;margin-top:2.5rem;margin-bottom:2.5rem;padding:2.5rem;background-color:#ffffffe6;color:#374151;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:left}.info-section h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:#111827}.info-section h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}.info-heading-blue{color:#2563eb}.info-heading-purple{color:#7c3aed}.info-section p,.info-section ol{font-size:1.125rem;line-height:1.7;margin-bottom:1rem}.info-section ol{list-style-position:inside;padding-left:.5rem}.faq-section{max-width:1300px;width:100%;margin-bottom:2.5rem;padding:0;box-sizing:border-box}.faq-container{background-color:#ffffffe6;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2.5rem}.faq-item{border-bottom:1px solid #e5e7eb}.faq-item:last-child{border-bottom:none}.faq-question-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:1.125rem;font-weight:600;color:#111827;transition:color .2s}.faq-question-btn:hover{color:#2563eb}.faq-chevron{flex-shrink:0;margin-left:1rem;transition:transform .3s ease;color:#6b7280;width:1.25rem;height:1.25rem}.faq-question-btn[aria-expanded=true] .faq-chevron{transform:rotate(180deg);color:#2563eb}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.faq-answer-content{padding-bottom:1.25rem;color:#4b5563;line-height:1.6}
