*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f7f7fb;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}input,textarea,button{font:inherit}.create-event-page{background:#f7f7fb;min-height:100vh;padding:40px 20px}.create-event-container{max-width:1100px;margin:0 auto}.create-event-header{margin-bottom:30px}.create-event-header h2{margin-bottom:8px;font-size:2rem}.create-event-header p{color:#666}.create-event-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}.create-event-form-card,.create-event-preview-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.create-event-form{gap:16px;display:grid}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group textarea{background:#fff;border:1px solid #d8d8e2;border-radius:10px;outline:none;width:100%;padding:12px 14px}.form-group input:focus,.form-group textarea:focus{border-color:#8b5cf6}.color-input{cursor:pointer;height:48px;padding:6px}.preview-title{margin-bottom:16px;font-size:1.25rem}.preview-box{border:1px solid #e5e7eb;border-radius:18px;min-height:360px;padding:24px}.preview-box h2{margin-bottom:18px;font-size:2rem}.preview-box p{margin-bottom:12px;line-height:1.5}button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:10px;margin-top:10px;padding:12px;font-weight:600}button:hover{background:#7c3aed}@media (width<=900px){.create-event-layout{grid-template-columns:1fr}}