*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif}.invite-form-container{max-width:1400px;padding:2rem;width:100%;background:#818181;min-height:100vh}.invite-form-container h1{font-size:2rem;text-align:center;color:#fff;margin-bottom:.5rem}.subtitle{text-align:center;color:#e0e5e9;margin-bottom:2rem}.form-preview-wrapper{display:flex;gap:2rem;align-items:stretch}.invite-form{flex:1;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem}.form-group input:focus{outline:none;border-color:#c40303}.form-group input.error{border-color:#f44336}.error-message{color:#f44336;font-size:.85rem;margin-top:.25rem}.field-hint{color:#888;font-size:.85rem;margin-top:.25rem}.logo-preview{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:8px;text-align:center}.logo-preview img{max-width:200px;max-height:120px}.submit-button{width:100%;max-width:1400px;padding:1rem;margin:2rem auto 0;display:block;background:#c40303;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:#a00202}.submit-button:disabled{background:#ccc;cursor:not-allowed}.preview-section{flex:1;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;position:sticky;top:2rem;display:flex;flex-direction:column}.preview-section h2{font-size:1.25rem;text-align:center;margin-bottom:1rem}.canvas-wrapper{display:flex;justify-content:center;align-items:center;flex:1}.preview-canvas{max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #ddd;border-radius:8px;object-fit:contain}@media(max-width:1024px){.form-preview-wrapper{flex-direction:column}.preview-section{position:static}}@media(max-width:768px){.invite-form-container{padding:1rem}.invite-form-container h1{font-size:1.5rem}.subtitle{font-size:.9rem}.form-preview-wrapper{gap:1rem}.invite-form,.preview-section{padding:1rem}.form-group input{padding:.6rem;font-size:.95rem}.submit-button{padding:.85rem;font-size:1rem}.preview-canvas{max-width:100%}}@media(max-width:480px){.invite-form-container{padding:.75rem}.invite-form-container h1{font-size:1.25rem}.subtitle{font-size:.85rem;margin-bottom:1rem}.invite-form,.preview-section{padding:.75rem;border-radius:8px}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input{padding:.5rem;font-size:.9rem}.submit-button{padding:.75rem;font-size:.95rem}.preview-section h2{font-size:1.1rem}}.app{min-height:100vh;background:linear-gradient(135deg,#818181,#818181);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}